不能讓我的CSS分鐘高度工作在2 divs

我有一個困難的時候我的CSS最小高度，我有兩個divs，他們旁邊說，如果其中一個擴展，我想其他以擴展http://www.willruppelglass.com/不能讓我的CSS分鐘高度工作在2 divs

正如您所看到的，leftSideBar停止在其最小高度處展開，並且content div被展開超過其最小高度。

CSS

.leftSideBar{ 
    background:url(../images/leftSide.jpg) repeat-y; 
    float:left; 
    margin-top: -49px; 
    min-height: 591px; 
} 
.contentWrapper{ 
    background-color:#ebebeb; 
    width:1411px; 
    margin:0 auto; 
    position:relative; 
} 
.content{ 
    background:#FFF; 
    width: 1100px; 
    margin:0 auto; 
    position:relative; 
    min-height: 591px; 
}

HTML

<div class="contentWrapper"> 
    <div class="content"> 
     <div class="leftSideBar"> 
      <img src="images/leftSideTop.jpg" width="170" height="78" border="0" /> 
     </div><!--leftSideBar--> 
    </div><!--content--> 
</div><!--contentWrapper-->

來源

2012-03-07 user979331

出現這種情況的原因是因爲在內容div的內容是推動過去的最低高度，但實際上不是有內容左側導航沒有理由變得更大。我的建議，即使它不是嚴格的CSS，我會使用一個簡單的jQuery（因爲我注意到你已經在使用它），它會動態調整左div的CSS屬性以匹配正確的div。 jQuery的版本是在這裏：

var div_height = $("#content").height(); 
$(".leftsidebar").css("height":div_height);

請注意，我用的是不現有的代碼存在，所以你需要一個ID分配給該分區的工作內容的ID。

我希望這會有所幫助。

來源

2012-03-07 20:04:32 Ryan

美麗的作品！ – user979331 2012-03-07 20:12:38

很高興聽到幾年前我不只是僥倖成功！嘿嘿...有一個很好的 – Ryan 2012-03-07 20:20:23

呵呵...檢查出該網站，它似乎並沒有完全放下... – user979331 2012-03-07 20:49:08

你有第一個區域向左漂。每當你使用float時，它在不同的瀏覽器中可能會有所不同，所以我不惜一切代價爲主要元素避免這種東西。

如果你想讓你的div彼此獨立，不要嵌套它們。更好的是，使用css屬性（如「顯示」和「位置」）自己控制位置。一旦你將你的div分離開來，你會發現你對它們有更多的控制權。

來源

2012-03-07 20:14:12

不能讓我的CSS分鐘高度工作在2 divs

回答

相關問題