歡迎來到DIVCSS5查找CSS資料與學習DIV CSS布局技術!
浮動的特性:
(1)浮動元素有左浮動(float:left)和右浮動(float:right)兩種
 
(2)浮動的元素會向左或向右浮動,碰到父元素邊界、其他元素才停下來
 
(3)相鄰浮動的塊元素可以并在一起,超出父級寬度就換行
 
(4)浮動讓行內元素或塊元素自動轉化為行內塊元素(此時不會有行內塊元素間隙問題)
 
(5)浮動元素后面沒有浮動的元素會占據浮動元素的位置,沒有浮動的元素內的文字會避開浮動的元素,開成文字繞圖的效果
 
(6)父元素如果沒有設置尺寸(一般是高度不設置),父元素內整體浮動的元素無法撐開父元素,父元素需要清除浮動 overflow:hidden;
 
(7)浮動元素之間沒有垂直margin的合并
 
清除浮動:
(1)父級上增加屬性overflow:hidden
 
(2)在最后一個子元素的后面加一個空的div,給它樣式屬性clear.both(不推薦)
 
(3)使用成熟的清浮動樣式類,clearfix
 
.clearfix:after,.clearfix:before{ content:””;display:table;}
 
.clearfix:after{ clear:both; }
 
.clearfix{ zoom:1; }
 
 
 
清除浮動的使用方法:
 
.con2{ ... overflow:hidden }
 
或者
 
<div class=”con2 clearfix”>

如需轉載,請注明文章出處和來源網址:http://www.rs2pl.com/rumen/r64935.shtml

久久天天躁狠狠躁夜夜躁2020