溢出、文檔流和浮動

overflow(溢出)

visible 默認(rèn)值。內(nèi)容不會被修剪,會呈現(xiàn)在元素框之外。

hidden 內(nèi)容會被修剪,并且其余內(nèi)容是不可見的。

scroll 內(nèi)容會被修剪,但是瀏覽器會顯示滾動條以便查看其余的內(nèi)容。

auto 如果內(nèi)容被修剪,則瀏覽器會顯示滾動條以便查看其余的內(nèi)容。

.box{

? ? width:100px;

? ? height:100px;

? ? background-color:red;

? ? overflow:visible;

}

2.文檔流

每個頁面都是文檔,每個文檔也是一個網(wǎng)頁

塊元素在文檔流中如果設(shè)置寬和高就默認(rèn)為設(shè)置的寬和高,設(shè)置padding會影響盒子的大小,如果沒設(shè)置寬就默認(rèn)父*

元素寬的100%,高的話是由內(nèi)容決定,內(nèi)容有多高,它就有多高

內(nèi)聯(lián)元素只占自身的寬和高

3.浮動

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容