Html Div不按内容比例扩展

我正在将一堆表格转换为div，布局本身非常简单，到目前为止，它在ie和ffx中都非常有效。但是，当一个div的内容不合适时，它就会从中生长出来，然后把它后面的所有东西都压下来……在其他作品中，会造成混乱 布局是这样的,

<div class="wrapper">
    <div class="left">picture</div>
    <div class="right">
        <div class="title"> title</div>
        <div class="content">body</div>
    </div>
 </div>

---

我猜你需要用

div.wrapper { overflow:hidden; }

但是如果你真的粘贴了一些css，这会有所帮助

---

编辑：用列复制100%高度前面提到的一种简单方法是依靠假列，在div.wrapper（background:url（repeat.gif）repeat-y；）上设置一个背景图像，并取消列的100%高度，因为这不会产生任何效果。

首先，不要使用

，使用

话虽如此，我想说你可以试着玩弄高度属性。。。但是如果没有CSS，很难判断发生了什么

另一个技巧是在包装器上放置背景，以假装左div一直扩展到底部。左右浮动，左右浮动，宽度固定，看起来不错

编辑：

好的，在seing了CSS之后，我想说的是，您要做的是在包装器的末尾添加一个clear:tware：

<div class="wrapper">
    <div class="left">picture</div>
    <div class="right">
        <div class="title"> title</div>
        <div class="content">body</div>
    </div>
    <div style="clear both;"></div>
 </div>

照片
标题
身体

然后，为实现这一点而进行的“hack”是设置通常位于包装器左侧的背景。就像这样，它看起来是左边的样式，而实际上它是包含样式的包装

顺便说一下，不要使用div.class，只要使用.class

并在必要时使用适当的css进行修改即可。

<div class="wrapper">
    <div class="left">picture</div>
    <div class="right">
        <div class="title"> title</div>
        <div class="content">body</div>
    </div>
    <div style="clear both;"></div>
 </div>