行內(nèi)元素在設(shè)置float后，就可以設(shè)置width和height

hzx 發(fā)布于2019-08-30 13:19 / 1107人閱讀

摘要：可以給任何元素設(shè)置，但只會應(yīng)用于生成了非絕對定位盒的元素。其它內(nèi)容排列在盒的右側(cè)，從開始見屬性與類似，但盒向右浮動，并且其它內(nèi)容排列在盒的左側(cè)，從開始盒不浮動所以在一個行內(nèi)元素指定后，該行內(nèi)元素轉(zhuǎn)化為塊元素，所以可以設(shè)置行高了。

由CSS2.1規(guī)范中規(guī)定：

"float"
Value: left | right | none | inherit
Initial: none
Applies to: 所有（元素），除了9.7描述的
Inherited: no
Percentages: N/A
Media: visual
Computed value: 與指定值相同
該屬性指定了一個盒應(yīng)該向左浮動，向右浮動還是不浮動。可以給任何元素設(shè)置，但只會應(yīng)用于生成了非絕對定位盒（的元素）。屬性值的含義如下：
left
元素會生成一個向左浮動的塊盒。其它內(nèi)容排列在盒的右側(cè)，從top開始（見"clear"屬性）
right
與"left"類似，但盒向右浮動，并且其它內(nèi)容排列在盒的左側(cè)，從top開始
none
盒不浮動

所以在一個行內(nèi)元素指定float:left;后，該行內(nèi)元素轉(zhuǎn)化為塊元素，所以可以設(shè)置行高了。

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/115469.html

相關(guān)文章

前端基礎(chǔ)-CSS如何布局以及文檔流

摘要：一網(wǎng)頁布局方式二標(biāo)準(zhǔn)流三浮動流四定位流一網(wǎng)頁布局方式什么是網(wǎng)頁布局方式布局可以理解為排版，我們所熟知的文本編輯類工具都有自己的排版方式，比如，等等而網(wǎng)頁的布局方式指的就是瀏覽器這款工具是如何對網(wǎng)頁中的元素進行排版的網(wǎng)頁布局排版的三種方式標(biāo)準(zhǔn) 一、網(wǎng)頁布局方式二、標(biāo)準(zhǔn)流三、浮動流四、定位流一、網(wǎng)頁布局方式　1、什么是網(wǎng)頁布局方式布局可以理解為排版，我們所熟知的文本編輯...

番茄西紅柿 2019-04-23 13:40 評論0 收藏0
CSS的inline、block與inline-block

摘要：基本知識點行內(nèi)元素一般是內(nèi)容的容器，而塊級元素一般是其他容器的容器，行內(nèi)元素適合顯示具體內(nèi)容，而塊級元素適合做布局。行內(nèi)元素去除了之間的莫名空白。當(dāng)為行內(nèi)元素進行定位時，與都會使得原先的行內(nèi)元素變?yōu)閴K級元素。且的是不占空間的。基本知識點行內(nèi)元素一般是內(nèi)容的容器，而塊級元素一般是其他容器的容器，行內(nèi)元素適合顯示具體內(nèi)容，而塊級元素適合做布局。塊級元素(block)：獨占一行，對寬高...

elva 2019-08-29 15:38 評論0 收藏0
CSS的inline、block與inline-block

摘要：基本知識點行內(nèi)元素一般是內(nèi)容的容器，而塊級元素一般是其他容器的容器，行內(nèi)元素適合顯示具體內(nèi)容，而塊級元素適合做布局。行內(nèi)元素去除了之間的莫名空白。當(dāng)為行內(nèi)元素進行定位時，與都會使得原先的行內(nèi)元素變?yōu)閴K級元素。且的是不占空間的。基本知識點行內(nèi)元素一般是內(nèi)容的容器，而塊級元素一般是其他容器的容器，行內(nèi)元素適合顯示具體內(nèi)容，而塊級元素適合做布局。塊級元素(block)：獨占一行，對寬高...

ralap 2019-08-26 12:00 評論0 收藏0
構(gòu)建靜態(tài)頁面之 [ 浮動 ]

摘要：浮動描述是對頁面布局的一種表現(xiàn)方式設(shè)置浮動的元素會脫離文檔流設(shè)置浮動的元素會改變后面元素的顯示位置屬性表示設(shè)置元素浮動屬性值表示設(shè)置元素左浮動屬性值表示設(shè)置元素右浮動設(shè)置浮動的元素會脫離文檔流，指定元素后面的元素會自動向前，形成重疊的顯浮動描述是對頁面布局的一種表現(xiàn)方式設(shè)置浮動的元素會脫離文檔流設(shè)置浮動的元素會改變后面元素的顯示位置 float屬性表示設(shè)置元素浮動 ...

snowell 2019-08-29 16:32 評論0 收藏0