资源描述:
《css float属性》由会员上传分享,免费在线阅读,更多相关内容在行业资料-天天文库。
1、cssfloat属性页面布局方式页面布局方式,主要包含:文档流、浮动层、float属性。文档流HTML页面的标准文档流(默认布局)是:从上到下,从左到右,遇块(块级元素)换行。浮动层浮动层:给元素的float属性赋值后,就是脱离文档流,进行左右浮动,紧贴着父元素(默认为body文本区域)的左右边框。而此浮动元素在文档流空出的位置,由后续的(非浮动)元素填充上去:块级元素直接填充上去,若跟浮动元素的范围发生重叠,浮动元素覆盖块级元素。内联元素:有空隙就插入。float属性介绍①left:元素向左浮动。②r
2、ight:元素向右浮动。③none:默认值。④inherit:从父元素继承float属性。示例1/82.3-float属性3、/css">#a{background-color:Red;height:50px;width:100px;}#b{background-color:Yellow;height:50px;width:200px;}#c{background-color:Blue;height:50px;width:300px;}#d{background-color:Gray;height:50px;width:400px;}
div-a