Question

我有一个内容div，其中包含所有内容。这个div有边框。我想把东西放在这个div中，这样如果里面的内容太大，这个div就会扩展。内容div中的项目应该是“div”还是“p”以及它们应该具有什么样的css位置？

CSS：

#content{
position: relative;
margin-left: auto;
margin-right: auto;
border: 1px solid #E0E0E0;
min-height: 200px;
width: 1000px;
padding: 0px 0px 80px 0px;
background-color: #fff;
}

Answer 1

当您设置width: 1000px;时，它会阻止内容div变宽。我怀疑你想要min-width: 1000px;。

对于内部内容，如果要创建仅使用内联html元素的段落，请使用p标记。如果您使用的是块级元素，请使用div标记。

我不能说你应该如何设计你的内部元素，因为我对你的设计规格一无所知。

Answer 2

#content div的内容可以是p或div元素由你决定。 #content div将以任一方式扩展到其内容的高度，除非#content中包含float属性的元素。

如果是这种情况，您可以执行以下操作，以使#content div扩展其高度。

<div id="content">
    <div style="float:right; border:1px solid red; height:500px;"></div>
    <div style="clear:both;"></div>
</div>

这里的重要部分是具有clear:both属性的最新div，它修复了父元素的高度。

Answer 3

您仍然可以使用DIV。如果您使用height:auto;，则应根据您的内容进行展开。另外我认为你可以一起使用min-height:200px;和height:auto;;照这样说。我也同意mrtsherman，如果你设置一个特定像素的宽度或高度，它将限制你到那些约束。

边界到环绕内容的Div位置

3 个答案: