本篇教程介紹了HTML+CSS入門 HTML高度塌陷以及定位詳解，希望閱讀本篇文章以后大家有所收獲，幫助大家HTML+CSS入門。

<

高度塌陷的含義：

父元素的高度，默認被子元素撐開，目前來講box2多高，box1就多高。此時如果子元素設置浮動，則會導致其完全脫離文檔流，子元素脫離文檔流將無法撐開父元素，?導致父元素的高度丟失，就是我們說的高度塌陷問題。父元素一旦高度塌陷，則它下邊的元素會向上移動，?導致整個頁面的布局混亂?。

定位(position)：

定位一共有4種：relative,absolute,fixed,static

relative:相對定位就是在自己原先的位置上進行定位，沒有脫離文檔流，還占著原先的位置，比如設置position:relative,left:2px;top:2px,這個意思是在原來的位置上往左移動了2個px,往后面移動了2px

absolute:絕對定位就是相對于已經(jīng)定位的兄弟元素或者父元素

fixed:固定定位，相當于固定在瀏覽器的某個位置。

本文由職坐標整理發(fā)布，歡迎關注職坐標WEB前端HTML/CSS頻道，獲取更多HTML/CSS知識！

總結

以上是生活随笔為你收集整理的css 高度塌陷_HTML+CSS入门 HTML高度塌陷以及定位详解的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。