假设我有一个页面,并且在该页面中,我有两个div,一个名为'bar',另一个名为'example'。该代码是这样的:自动调整高度div
<style>
#example{
float:right;
}
#bar {
width: 100px;
height:100%;
border: 1px solid red;
box-sizing: border-box
}
</style>
<div id="example"><p>This is page content</p><p>This is page content</p></div>
<div id="bar"></div>
现在,我的<p>
标签,像百倍格“示例”内内复制并粘贴段落,所以我的页面的高度也会增加。我想让我的div在复制粘贴段落数百次后自动调整页面的高度,以便div覆盖页面的顶部和底部。有没有办法做到这一点?
示例和bar是两个独立的div。他们不相互关联。栏包含一些内容,而示例包含完全不同的内容。我试图找到一种方式,让这两个不同的div的高度始终相同,高度将会变得更大。我希望这可以自动调整。 –
http://jsfiddle.net/PHjtJ/看看这个JS,可以让你做到这一点。积分给Charles Ingalls [http://stackoverflow.com/users/1874138/charles-ingalls] – Josh