CSS div样式布局

来源地址：https://www.cnblogs.com/polk6/p/css-example-zsy.html

以前一直认为，div里面直接写高度宽度等于100%,就可以直接覆盖页面了。但是问题在于，这个100%是基于你Div里面的内容的，只要你内容够长，就可以100%。最好的方法是在这个div上面再嵌套一层div。内容如下

1     <div id="#container" style="position: absolute;width: 100%; height: 100%;">
2         <div id="container2" style="height:80%;width:50%; float: left;"></div>
3         <div id="container3" style="height:80%;width:50%;float: left;"></div>
4     </div>
  
position: absolute;的意思是

生成绝对定位的元素，相对于 static 定位以外的第一个父元素进行定位。

元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。

 

posted @ 2019-09-12 10:30  Alex_Mercer  阅读(144)  评论(0)    收藏  举报