修正div div右邊的高度

我有任何div來顯示項目細節（class main）。現在我需要2列。右左。我需要修正與30px width和height 100% &「自動」和fix in right正確的格。左欄height:auto和overflow:hidden。修正div div右邊的高度

HTML：

<div class="main"> 
<div class="right"> 
</div> 
<div class="left"> 
.... Descripton ..... 
</div> 
<div>

CSS：

.main {width:300px; height:auto; overflow:hidden;margin:0 auto;} 
.right{width:30px; float:right; height:auto; background-color:#e1e1e1; } 
.left{width:270px; float:right; height:auto;}

在線演示我的問題：HERE在此我didint看到化背景色正確的div：＃e1e1e1;

我需要這樣的：HERE

感謝。

來源

2012-04-08 Gcoder

-1

下面是一個例子：http://jsfiddle.net/fbUQB/。這就是你要求的，不是嗎？

來源

2012-04-08 10:19:23 roger

當然，我扮演這個ID我的需要。 – Gcoder 2012-04-08 10:35:31

如果其中一天你想知道那裏發生了什麼：http://www.positioniseverything.net/articles/onetruelayout/equalheight – roger 2012-04-08 10:48:27

-1。這個答案沒有任何關於如何解決問題的描述。 – mskfisher 2012-05-22 12:38:29

您應該使用絕對位置（position：absolute）。

浮動：左/右是相當的濫用

<div style="position:relative;width:300px; height:200px;margin:0 auto; background-color:#00ff00;"> 
<div style="position:absolute; right:0; top:0;background-color:#ff0000;color:#000;"> Your right content 
    </div> 
    &nbsp; 
    <div style="position:absolute; left:0; top:0;background-color:#0000ff;color:#000;"> 
    Left content 
    </div> 
</div>

來源

2012-04-08 09:14:43

你不回答我的問題。我的意思是如果離開div高度chenged下/右div如此改變，並下降 – Gcoder 2012-04-08 10:08:05

我不明白你。我的解決方案想要解決什麼問題？ – 2012-04-08 10:14:34

所以我相信你想做出2列彼此之外，右列有淺灰色的背景。

他們都應該是100％的身高。爲了使東西100％高，我們需要將html和body標籤設置爲100％。

我相信this jsfiddle做你想做的。不好意思改變一下背景顏色，我把左欄設置爲overflow: auto進行測試。

來源

2012-04-08 10:32:54 sg3s

修正div div右邊的高度

回答

相關問題