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


用一句話來說

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

其他問題

  1. 導致父元素塌陷隱藏.

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

解決辦法:

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

可以參見[關於overflow:hidden的作用(溢出隱藏、清除浮動、解決外邊距塌陷等等)]https://blog.csdn.net/qq_41638795/article/details/83304388

CSS 真的很操蛋 --- 牛頓


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM