Html 我能'；我说不出为什么我的div容器有这么多空的间隙

正如你所看到的，我已经为div设置了边界，我遇到的问题是容器div太大了，当我试图减小它的宽度时，div内部混乱不堪，就像它们向下垂直对齐一样……你能告诉我这里的问题是什么吗？我认为内容在“wrapper”div中是有问题的，但我不知道是什么问题

正如你所看到的，如果我缩放顶部的logo div，它会展开，但是为什么内容div不会也展开呢

以下是CSS代码：

---

最后，相关的HTML代码：

可能您需要更宽一点的包装器，因为它对于菜单div和内容来说太小了。从第二个屏幕截图可以看出

也许你需要这样的东西：

CSS

.wrapper { width: 980px; position:relative; margin:0 auto; }
.header { background:red; clear:both; height:100px; }
.menu { width:160px; background:#ccc; float:left; height:300px; }
.content { margin-left:160px; height:400px; background:green; }

HTML

<div class="wrapper">
    <div class="header"></div>
    <div class="menu"></div>
    <div class="content"></div>
</div>

---

我相信这可能与您的桌子有关。我强烈建议删除它并坚持使用纯

布局

---

但是，如果必须使用该表，可以在其中放置一个

cellspacting=“0”cellpadding=“0”

。

看起来您将容器div设置为：

width: 79%

container div中的一些元素被设置为100%，因此它们最终比container更宽，这就是您看到额外空间的原因

我建议将容器div保持为固定的像素宽度，然后对内部元素使用固定宽度或百分比宽度。这样，它们将基于容器的固定宽度，并始终适合在其中

---

希望这能有所帮助。

我同意其他人的看法。但你似乎是在使用另一个时代的html

表对于数据表示以外的任何东西都是有害的

不得将其用于设计目的

我强烈建议您学习css的基础知识，然后尝试使用像or这样的框架，它们对于静态或流体布局都非常优秀

---

但是，再次尝试使您的标记尽可能轻

在这里发布代码，这就是为什么我们有这样的代码格式。我认为如果我将容器内的元素设置为100%的宽度，那么它只会将元素的宽度设置为父容器的100%。。你所说的不完全正确，包装器不小，我修复了问题，并且部分解决方案有帮助，而不是自动宽度，我把它做成了一个固定的宽度，这使它成为了一种锻炼：）非常感谢。