我不能说为什么我的div容器有这么多空缺

正如你所看到的，我已经为div设置了边框，我遇到的问题是容器div太大了，当我试图减少它宽度里面的divs弄得一团糟，因为它们垂直对齐......你能说出这里的问题是什么吗？我认为这里的内容是“包装”的内容是错误的，但我不知道什么是错的。我不能说为什么我的div容器有这么多空缺

enter image description here

正如你可以看到，如果我在放大顶部扩展标志格但为什么不将内容DIV扩大呢？

enter image description here

这里是CSS代码：http://codepad.org/OhItDeVq

最后，相关的HTML代码：http://codepad.org/RsOOgbGI

来源

2011-09-02 Bulvak

在此处发布代码，这就是为什么我们在SO上有代码格式。 – Jakub

他的代码太大了。 –

也许你需要你的包装要宽一点，因为它是小地方菜单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>

来源

2011-09-02 19:37:38 Samich

你说的不完全是真的，包装不是很小，我解决了问题和部分解决方案的帮助，而不是自动宽度，我做了一个固定的宽度，这使得所有的锻炼:)非常感谢。 – Bulvak

我认为它可能是与你的表。我强烈建议删除它并坚持纯粹的<div>布局。然而，如果您必须使用该表格，那么可以在其中放置一个cellspacing="0" cellpadding="0"。

来源

2011-09-02 19:38:33 KyleP

它看起来像你的div容器设置为：

width: 79%

的div容器内部的某些元素的100％设定，使他们最终会被更广泛那么这就是为什么你看到的额外空间的容器。

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

希望有所帮助。

来源

2011-09-02 19:38:59 dSquared

我认为，如果我设置容器内的元素的宽度为100％，它只将元素的宽度设置为父容器的100％。 – Bulvak

我同意这一个人。但似乎你正在使用另一个时代的HTML。

对于数据表示来说，表格是邪恶的。

这不应该用于设计目的。

我强烈建议您学习css的基础知识，然后尝试使用类似http://960.gs或http://cssgrid.net/的框架，这两个框架都非常适合静态或流体布局。

但是再次尝试让你的标记尽可能轻！

来源

2011-09-02 19:42:07

我不能说为什么我的div容器有这么多空缺

回答

相关问题