Javascript 调整'；他在另一个舱里
我有一个div，它是我网站的主体，在这个div里面我在左侧放了一个div（有一个垂直菜单） 我的问题是，我如何使菜单div跟随到body div的底部，使它看起来不像是被切割的，因为菜单div的颜色…我已经使用了位置、边距、浮动等属性，但我似乎无法让它工作。。。 我已经包括了两张照片，这样你可以看到的div 很抱歉，因为我是新用户，所以没有显示图片！！我已经包括了一些链接 第一张图片是初始页面，第二张是在添加内容并扩展body div以使内容适合之后Javascript 调整'；他在另一个舱里,javascript,jquery,html,web,Javascript,Jquery,Html,Web,我有一个div，它是我网站的主体，在这个div里面我在左侧放了一个div（有一个垂直菜单） 我的问题是，我如何使菜单div跟随到body div的底部，使它看起来不像是被切割的，因为菜单div的颜色…我已经使用了位置、边距、浮动等属性，但我似乎无法让它工作。。。 我已经包括了两张照片，这样你可以看到的div 很抱歉，因为我是新用户，所以没有显示图片！！我已经包括了一些链接 第一张图片是初始页面，第二张是在添加内容并扩展body div以使内容适合之后 感谢您的帮助 这项技术一直对我有效。 看
感谢您的帮助 这项技术一直对我有效。 看
不过，背景实际上位于两列的包装上。这确实是CSS最好的解决方法 假设这是你的结构：
<body>
<div id="main">
<div id="leftSide"></div>
</div>
当然，所有这些都假设div或其他元素上没有额外的边距和填充。你也可能想考虑一个像这样的“CSS重置”。你的意思是，包含菜单的div必须是固定大小的，不能仅仅扩展到适合你将放在里面的子元素吗？是的，我实际上是想做这个背景的事情，但是认为它可能是原始的。我决定这样做，很简单。
#main {
height:500px; /*this can be whatever height you want for your main div*/
width:700px; /*same with this, for its width*/
background-color:#F00; /*just to show you the effect*/
}
#leftSide {
float:left; /*THIS is where the magic happens, to "pull" it to the left*/
height:100%; /*This makes sure it reaches all the way to the bottom*/
background-color:#00F; /*or any color you'd like (which is a great song btw)*/
width:200px; /*or whatever height you'd like*/
}