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

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

摘要：可以給任何元素設(shè)置，但只會(huì)應(yīng)用于生成了非絕對(duì)定位盒的元素。其它內(nèi)容排列在盒的右側(cè)，從開(kāi)始見(jiàn)屬性與類似，但盒向右浮動(dòng)，并且其它內(nèi)容排列在盒的左側(cè)，從開(kāi)始盒不浮動(dòng)所以在一個(gè)行內(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:      與指定值相同
該屬性指定了一個(gè)盒應(yīng)該向左浮動(dòng)，向右浮動(dòng)還是不浮動(dòng)?？梢越o任何元素設(shè)置，但只會(huì)應(yīng)用于生成了非絕對(duì)定位盒（的元素）。屬性值的含義如下：
left
元素會(huì)生成一個(gè)向左浮動(dòng)的塊盒。其它內(nèi)容排列在盒的右側(cè)，從top開(kāi)始（見(jiàn)"clear"屬性）
right
與"left"類似，但盒向右浮動(dòng)，并且其它內(nèi)容排列在盒的左側(cè)，從top開(kāi)始
none
盒不浮動(dòng)

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

GPU云服務(wù)器云服務(wù)器 html設(shè)置行內(nèi)元素 js設(shè)置height 如何在手機(jī)購(gòu)買(mǎi)阿里云vps后怎么設(shè)置在防火墻中可以對(duì)什么網(wǎng)絡(luò)進(jìn)行設(shè)置

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

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/115469.html

相關(guān)文章

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

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

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

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

elva 2019-08-29 15:38 評(píng)論0 收藏0
CSS的inline、block與inline-block

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

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

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

snowell 2019-08-29 16:32 評(píng)論0 收藏0