在HTML中,
div是一個最常用的容器元素。在設(shè)計網(wǎng)站時,我們往往需要對這個元素進行一些定位或排版的處理,其中一種方法就是對其進行浮動設(shè)置。
那么如何給<div>
元素設(shè)置浮動呢?
......
代碼中,我們使用了float:left/right;
樣式,指定了
元素向左或向右浮動。這樣可以使其脫離父容器,與下一個元素并排顯示。
需要注意的是,浮動元素會導(dǎo)致其父容器高度塌陷,因此在使用浮動布局時,需要在給浮動元素設(shè)置的樣式屬性上,同時設(shè)置overflow:hidden;
屬性,以避免產(chǎn)生高度塌陷的問題。
.container { overflow: hidden; } .container div { float: left; }
這樣,<div>
元素就能夠自動沿著容器邊緣布局,可以方便我們進行網(wǎng)頁布局和排版的設(shè)計。
上一篇python 釘釘聊天
下一篇python 銀行小程序