Question

我有一个div是我网站的主体，在div里面我在左边放了一个div（有一个垂直菜单）

http://www.freeimagehosting.net/uploads/117f79fa0e.png http://www.freeimagehosting.net/uploads/4569a5f550.jpg

我的问题是，如何让菜单div跟在body div的底部，这样它看起来就像是被剪切了，因为菜单div的颜色......我玩过周围有像位置，边距，浮动等属性，但我似乎无法让它工作...... 我已经包含了两张照片，以便你可以看到div！

抱歉pics没有出现因为我是新用户!!我已经包含了链接......

第一张照片是初始页面，第二张照片是添加了内容并且扩展了body div以使内容合适！

任何帮助表示赞赏！

Answer 1

这项技术一直对我有用。见http://www.456bereastreet.com/lab/developing_with_web_standards/csslayout/2-col/

背景实际上是在两列的包装上。

Answer 2

这是CSS最好的方法。

说这是你的结构：

<body>
 <div id="main">
  <div id="leftSide"></div>
 </div>

我认为你想要做的是在CSS中给左侧高度100％：

#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*/
}

这一切都假定您的div或其他元素没有额外的边距和填充。您也可以考虑像this one

这样的“CSS重置”

调整另一个div内的div

2 个答案: