讓html上兩個元素在一行顯示

2022-01-19 09:08:09 字數 508 閱讀 3082

可以在乙個父元素之內,設定子元素的css為float:left來使得子元素在一行展示,但是,可能引發css的其他問題.

導致父元素塌陷隱藏.

一般而言,父級元素不設定高度時,高度由隨內容增加自適應高度。當父級元素內部的子元素全部都設定浮動float之後,子元素會脫離標準流,不佔位,父級元素檢測不到子元素的高度,父級元素高度為0。

解決辦法:

使用overflow:hidden, 你想一下, 這個命令讓子元素超出父元素的部分隱藏.但是, 父元素是乙個可伸縮的沒有任何限制的元素,那麼父元素就會被撐起來

可以參見[關於overflow:hidden的作用(溢位隱藏、清除浮動、解決外邊距塌陷等等)]

css 真的很操蛋 --- 牛頓

如何讓兩個div處於一行

我們知道 div是塊級元素,是獨佔一行的.一般情況下,兩個相鄰的div是不會處於一行的 例如 html html head lang en meta charset utf 8 title 讓兩個div處於同一行 title head body divstyle height 40px width ...

如何讓兩個div處於一行

我們知道 div是塊級元素,是獨佔一行的.一般情況下,兩個相鄰的div是不會處於一行的 例如 lang en charset utf 8 讓兩個div處於同一行title head style height 40px width 80px background color 006ba4 div1 d...

如何讓兩個div處於一行

我們知道 div是塊級元素,是獨佔一行的.一般情況下,兩個相鄰的div是不會處於一行的 例如 html html head lang en meta charset utf 8 title 讓兩個div處於同一行 title head body divstyle height 40px width ...