个人中心
gpt4 book ai didi

html - 为什么正文格式不起作用？

转载 作者：太空宇宙 更新时间：2023-11-04 13:30:43 26 4
gpt4 key购买 nike

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

这是我的代码:

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>

最佳答案

将 overflow:auto 添加到标签中，这样您就不必添加高度了。

希望这就是你想要的。

关于html - 为什么正文格式不起作用？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/23379723/

26 4 0
文章推荐： java - JPA查询问题
文章推荐： c++ - 静态 libstdc++.a 中的全局符号在共享 libstdc++.so 中是局部的
文章推荐： c++ - 在 Lua 中绘制 sf::Text 对象时出现段错误
文章推荐： java - 无法转换为 org.springframework.security.core.userdetails.User
太空宇宙
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com