浮动的用法
在我們html的布局中常常會(huì)用到float(浮動(dòng))在頁(yè)面布局時(shí),一般用float屬性來(lái)實(shí)現(xiàn)多欄布局,導(dǎo)航菜單等等,往往是用于圖像和文字。元素的水平方向浮動(dòng)意味著元素只能左右移動(dòng)而不能上下移動(dòng)。如果你把幾個(gè)浮動(dòng)的元素放到一起,有空間的話,它們將彼此相鄰。
常用的浮動(dòng)是左浮動(dòng)(left)和右浮動(dòng)(right)。
下面是沒(méi)加浮動(dòng)的布局:
下面是加了左浮動(dòng)的:
代碼:
如果想要浮動(dòng)元素緊跟的元素停留在原始的位置,不跟著浮動(dòng),就對(duì)該元素設(shè)置clear的屬性值。
clear(清除浮動(dòng))的三個(gè)屬性值:left(清除左側(cè)浮動(dòng)),right,both
靈活的運(yùn)用浮動(dòng),把我們的布局變得更美!
總結(jié)
- 上一篇: 个人cn域名具体怎么备案(cn域名个人能
- 下一篇: 如何导出数据到Excel表格