CSS 選擇器浮動(dòng)可以使網(wǎng)頁(yè)中的元素在頁(yè)面內(nèi)自由排列,達(dá)到美觀的效果。在網(wǎng)頁(yè)設(shè)計(jì)過(guò)程中,我們通常會(huì)使用以下的選擇器來(lái)實(shí)現(xiàn)這一效果。
/*float:left*/ 選擇器{ float:left; }
此選擇器可以使被選元素向左浮動(dòng),寬度不受限制,高度受內(nèi)容高度的影響。
/*float:right*/ 選擇器{ float:right; }
此選擇器與float:left的效果相似,區(qū)別在于被選元素向右浮動(dòng)。
/*clear:both*/ 選擇器{ clear:both; }
此選擇器用于消除浮動(dòng)帶來(lái)的影響,在浮動(dòng)元素的下方增加空白占位符,達(dá)到清除浮動(dòng)的效果。
同時(shí),我們還可以使用以下的選擇器來(lái)實(shí)現(xiàn)對(duì)浮動(dòng)效果的更加詳細(xì)的控制。
/*float:none*/ 選擇器{ float:none; }
此選擇器可以撤銷元素的浮動(dòng)效果。
/*float:left/right:none*/ 選擇器{ float:left/right:none; }
此選擇器可以取消元素對(duì)某個(gè)方向的浮動(dòng)效果。
總之,CSS 選擇器浮動(dòng)是網(wǎng)頁(yè)設(shè)計(jì)中必不可少的一部分,具有重要的作用。我們需要合理地運(yùn)用浮動(dòng)選擇器,才能在美化頁(yè)面的同時(shí)不影響頁(yè)面的排版布局。