我有两个Div元素.第一个应该是屏幕的100％高度和宽度.我希望第二个Div为100％宽度但可变高度取决于内容并开始内联(低于第一个).所以全屏是Div 1,你必须向下滚动才能看到Div 2.但是我尝试过的所有内容都是重叠的.
<div style="background-color:red;height:100%;width:100%;left:0px;top:0px"></div>
<br/>
<div style="width:100%;position:relative;background-color:yellow">
<br/>test<br/>test<br/>test<br/>test<br/>test<br/>test<br/>test<br/>test<br/>test<br/>test<br/>test<br/>test<br/>test<br/>..
</div>
解决方法
Becasue
position:absolute
使div不占用,这意味着其他元素在对齐和定位时不会“看到”它们.
用这个：
html,body {
height:100%;
}
div.div2 {
top:100%;
}
