考虑以下html布局:
<div class="wrapper">
<div class="sidebar-left"></div>
<div class="main-content">
<div class="main-content-inner"></div>
</div>
</div>
.main-content
和.sidebar-left
获取内联高度,使用javascript / jQuery通过等高函数设置
.main-content
中的内容是动态的,因此会更改(ajax,upload-fields,...)。
当.main-content-inner
的高度不再等于.main-content
我怎么能用javascript / jQuery做到这一点?
答案 0 :(得分:1)
答案 1 :(得分:0)
您无需脚本来同步高度。只需在css中使用一些新选择器,如下所示:
<强> CSS:强>
.wrapper {
position:relative;
}
.sidebar-left {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
width: 330px; /* Example */
padding: 15px; /* Example */
}
.main-content {
margin-left: 350px;
width: 100%;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
<强> HTML:强>
<div class="wrapper">
<div class="sidebar-left"></div>
<div class="main-content">
<div class="main-content-inner"></div>
</div>
</div>