左側內容隨右側內容高度自適應高度

2021-08-24 17:47:03 字數 840 閱讀 8039

* html,body

.container

.left,

.right

.left

.right

style>

head>

class="container">

class="left">

div>

class="right">

div>

div>

body>

這樣右側內容不管有多少,左側高度會自適應和右側內容高度一致

不過這個有點顧頭不顧腦的意思,因為左側高度高於右側的時候,左側內容會被隱藏

小解決方案

初始化的時候如果右側內容沒左側內容高,就給他定義乙個min-height,然後動態新增右側內容的時候height還是auto,暫時算是達到了心中的預期

//li往死裡複製看看,我實驗的時候就複製了很多,這裡就不好全部貼出來了

class="left">

11li>

11li>

11li>

11li>

ul>

div>

class="right">

class="ul">

onclick="add()">11li>

11li>

11li>

11li>

ul>

div>

window.onload = function()

}function add()

左側導航高度,自適應右側內容高度

1 div id left style background 263238 width 200px float left 2 p 我是左側選單,我的高度自適應右側內容高度 p 3div 4 div id right style border 1px solid 263238 width 500px ...

iframe高度隨內容自適應

iframe高度隨內容自適應 方法 計算iframe高度 function calcpageheight doc 設定iframe高度 function changeframeheight 注意內容中,請不要有position absolute 不然無法獲取iframe高度是不正確的,即帶有posi...

css 左側跟隨右側高度自適應

給父元素設定position relative,左邊的子元素設定position absulote,且左邊元素的高度為100 css 如下 position left right parent 這種方法的原理其實是把子元素的實際高度撐開的很多,父元素overflow hidden起到乙個遮罩作用,來...