CSS中有三個(gè)float屬性,分別是left、right和none。float屬性可以讓元素脫離文檔流并向左或向右浮動(dòng)。讓我們一起來(lái)看一下這三個(gè)屬性的區(qū)別和用法。
left屬性將元素向左浮動(dòng),直到碰到另一個(gè)浮動(dòng)元素或容器的邊緣。如果沒(méi)有指定寬度,那么元素的寬度將自動(dòng)調(diào)整為它的內(nèi)容寬度。例如:
p { float: left; width: 200px; }
right屬性將元素向右浮動(dòng),直到碰到另一個(gè)浮動(dòng)元素或容器的邊緣。如果沒(méi)有指定寬度,那么元素的寬度將自動(dòng)調(diào)整為它的內(nèi)容寬度。例如:
p { float: right; width: 200px; }
none屬性將元素從浮動(dòng)狀態(tài)撤銷,并讓其回到文檔流中。如果想要取消浮動(dòng),可以使用none屬性。例如:
p { float: none; }
總的來(lái)說(shuō),float屬性是在CSS中非常常用的一個(gè)屬性,可以使元素在頁(yè)面排版時(shí)更加靈活自由。但是在使用float屬性時(shí),也需要注意一些問(wèn)題,比如浮動(dòng)元素會(huì)脫離文檔流,如果不處理好可能會(huì)導(dǎo)致一些問(wèn)題。