1

在我的网站上，我有一个包含另外两个 div 的 div。左边的内部 div 的宽度很窄，而右边的 div 相当宽（并且由文本组成）。

当我减小窗口的宽度时，一旦我到达最右边的内部 div 的最右边，整个 div（及其所有内容）都会包裹在左边的内部 div 下方。当我进一步调整窗口大小时，曾经正确的 div 的内容（文本）开始换行。

本质上，我有这个代码：

<style type="text/css">
#wrapper {
  width: 100%;
}

#leftdiv {
  float: left;
}
</style>

<div id="wrapper">
  <div id="leftdiv">
    shortleft
  </div>
  <div id="rightdiv">
    longrightlongrightlongright
  </div>
</div>

但是，我希望右 div 中的文本在整个 div 换行到左 div 下方之前换行。我可以做些什么来修改我的代码以实现这一点？

4

1 回答 1

0

尝试这个：

#wrapper {
  width: 100%;
 }

#leftdiv {
  width: 20%;
  float: left;
}

#rightdiv {
  width: 79%
  float: right;
 }

如果你想看到这个在行动，看看我的网页

http://sherwoods-forests.com

百分比不应该加到 100。当渲染引擎计算像素数时，有时会因为舍入而得到奇怪的结果。

左边的导航栏就是这样完成的。
在内容 div 中，每张图片及其标题都向左或向右浮动，并且主体文本环绕。您还需要使用嵌入 div 的边距

于 2013-03-13T21:59:13.617 回答