Question

我在使用背景格式设置处理my和标签时遇到问题。我输入的文字正如我想要的那样显示和格式化，但我希望白色背景和边框也向下延伸。我尝试了几件事，包括取消#bodywrapper并通过添加高度来扩展#headerwrapper。我宁愿不这样做，但我想如果必须，我会的。如果我在#bodywrapper中添加一个段落，但在该部分或旁边的标签之外，它可以正常工作。为什么这不起作用？

这是我的代码：

CSS：

#headerwrapper {
  width:80%;
  height:auto;
  margin-top:.5em;
  margin-right:auto;
  margin-bottom:0;
  margin-left:auto;
  background:#FFFFFF;
  border-top-left-radius:.625em;
  border-top-right-radius:.625em;
  border:1px #000000 solid;}

.header {
  width:100%;
  height:10em;
  margin:0;
  border-bottom:3px #4E5E78 solid;}

img {
  float:left;
  margin-top:1.5em;
  margin-right:1em;
  margin-bottom:1.4em;
  margin-left:1em;}

#bodywrapper {
  width:80%;
  height:auto;
  margin-top:0em;
  margin-right:auto;
  margin-bottom:2em;
  margin-left:auto;
  background:#FFFFFF;
  border-bottom-left-radius:.625em;
  border-bottom-right-radius:.625em;
  border:1px #000000 solid;}

section {
  width:60%;
  float:left;
  margin:auto;}

aside {
  width:40%;
  float:right;
  margin:auto;}

HTML：

<body>
<div id="headerwrapper">
<div class="header">
<img src="images/headerlogo.png" alt="Digital Billboard Guru" />
<h1>Call Now For Your<br />FREE Consultation<br />(000)000-0000</h1>
</div>
</div>

<div id="bodywrapper">
<section>
<p>Test</p>
</section>
<aside>
<p>Test</p>
</aside>
</div>
</body>
</html>

Answer 1

将overflow:auto添加到代码中，这样您就不必添加高度。

我希望这就是你想要的。

Answer 2

尝试将overflow:auto添加到#bodywrapper。

<强> Fiddle

为什么身体格式化不起作用？

2 个答案: