css浮動(dòng)屬性float詳解(留存版)
【正文】 動(dòng)：sidebar { float: right。none 是默認(rèn)值，只在需要移除已指定的清除值時(shí)用到。 content: .。額外的 div 之前并不存在，可以自己試試來(lái)看看哪個(gè)方法好。 3像素間距是指挨著浮動(dòng)元素的文本會(huì)神奇的被踢出去3像素，好像浮動(dòng)元素的周?chē)幸粋€(gè)奇怪的力場(chǎng)一樣。 雙倍邊距bug處理 IE6 時(shí)，另一個(gè)需要記住的事情是，如果在和浮動(dòng)方向相同的方向上設(shè)置外邊距(margin)，會(huì)引發(fā)雙倍邊距。以一個(gè)具有不同樣式塊的網(wǎng)格為例。 簡(jiǎn)單清除方法使用了一個(gè)聰明的 css 偽選擇符(:after)來(lái)清除浮動(dòng)。這個(gè)方法很不錯(cuò)，它不需要 hack，不添加額外的元素也使得它有良好的語(yǔ)義性。footer { clear: both。浮動(dòng)的元素仍然是網(wǎng)頁(yè)流的一部分。這就是圖片是否是頁(yè)面流的一部分的區(qū)別。上例中，側(cè)欄向右浮動(dòng)，并且短于主內(nèi)容區(qū)域。我們?cè)谌萜髦械母?dòng)元素之后，容器結(jié)束之前來(lái)清除浮動(dòng)。而且要記住，overflow 屬性不是為了清除浮動(dòng)而定義的。 }這會(huì)在清除浮動(dòng)的父元素之后應(yīng)用一點(diǎn)看不見(jiàn)的內(nèi)容。一個(gè)普遍的例子是突破伸出主內(nèi)容之外把側(cè)欄推到下面。 IE7 中，底邊距 bug是當(dāng)浮動(dòng)父元素有浮動(dòng)子元素時(shí)，這些子元素的底邊距會(huì)被父元素忽略掉。因?yàn)樵絹?lái)越多的設(shè)計(jì)師不再支持 IE6 了，你也可以不
環(huán)評(píng)公示相關(guān)推薦
鄂ICP備17016276號(hào)-1