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

2022-04-05 01:21:23 字數 2010 閱讀 3154

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;float:left;margin-left:10px;"

>

5<

p>我是右側內容,左側菜高度會自適應我的高度

p>

6<

p>我是右側內容,左側菜高度會自適應我的高度

p>

7<

p>我是右側內容,左側菜高度會自適應我的高度

p>

8<

p>我是右側內容,左側菜高度會自適應我的高度

p>

9<

p>我是右側內容,左側菜高度會自適應我的高度

p>

10<

p>我是右側內容,左側菜高度會自適應我的高度

p>

11<

p>我是右側內容,左側菜高度會自適應我的高度

p>

12<

p>我是右側內容,左側菜高度會自適應我的高度

p>

13<

p>我是右側內容,左側菜高度會自適應我的高度

p>

14<

p>我是右側內容,左側菜高度會自適應我的高度

p>

15<

p>我是右側內容,左側菜高度會自適應我的高度

p>

16<

p>我是右側內容,左側菜高度會自適應我的高度

p>

17<

p>我是右側內容,左側菜高度會自適應我的高度

p>

18<

p>我是右側內容,左側菜高度會自適應我的高度

p>

19<

p>我是右側內容,左側菜高度會自適應我的高度

p>

20<

p>我是右側內容,左側菜高度會自適應我的高度

p>

21<

p>我是右側內容,左側菜高度會自適應我的高度

p>

22<

p>我是右側內容,左側菜高度會自適應我的高度

p>

23<

p>我是右側內容,左側菜高度會自適應我的高度

p>

24<

p>我是右側內容,左側菜高度會自適應我的高度

p>

25<

p>我是右側內容,左側菜高度會自適應我的高度

p>

26<

p>我是右側內容,左側菜高度會自適應我的高度

p>

27<

p>我是右側內容,左側菜高度會自適應我的高度

p>

28<

p>我是右側內容,左側菜高度會自適應我的高度

p>

29<

p>我是右側內容,左側菜高度會自適應我的高度

p>

30<

p>我是右側內容,左側菜高度會自適應我的高度

p>

31<

p>我是右側內容,左側菜高度會自適應我的高度

p>

32<

p>我是右側內容,左側菜高度會自適應我的高度

p>

33<

p>我是右側內容,左側菜高度會自適應我的高度

p>

34<

p>我是右側內容,左側菜高度會自適應我的高度

p>

35<

p>我是右側內容,左側菜高度會自適應我的高度

p>

36<

p>我是右側內容,左側菜高度會自適應我的高度

p>

37div

>

1

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

html,body container left,right left right style head class container class left div class right div div body 這樣右側內容不管有多少,左側高度會自適應和右側內容高度一致 不過這個有點顧頭不顧腦...

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

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

iframe 自適應內容高度

這一陣子,又做了一些頁面前台的工作,其中有乙個地方用到了iframe載入多個頁面的情況。為了防止載入不同的內容頁面,iframe出現滾動條的情況,所以專門寫了乙個函式來調整iframe的頁面高度。做完之後,一測試,前台開發的千年老問題,又出現了,ie下面可以執行,firefox下面卻不行,最搞笑的是...