gpt4 book ai didi

css - Container/Wrapper Div 不包含所有内容?

转载 作者:技术小花猫 更新时间:2023-10-29 11:05:04 24 4
gpt4 key购买 nike

Container/Wrapper Div 不包含所有内容(即所有子 Div 的内容)。我试过 overflow: hidden 但仍然不起作用。谁能告诉我为什么会发生这种情况以及可能的解决方案是什么。

提前谢谢你;-)

出于某种原因,整个代码没有显示??

 <html>
<head>
<style type="text/css">
#wrapper {
margin:0 auto;
width: 600px;
background: yellow;
}
</style>
</head>

<body>
<div id="wrapper">
<div="header">
<h1>my beautiful site</h1>
</div>

<div id="navigation">
<ul>
<li><a href="#">Home </li>
<li><a href="#">About</li>
<li><a href="#">Services</li>
<li><a href="#">Contact us </li>
</ul>
</div>

<div id="content">
<h2> subheading </h2>
<p> long paragraph </p>
</div>

<div id="footer">
copyright 123
</div>
</div>
</body>
</html>

最佳答案

用我的 Crystal 球,我会预测你的子 div 是 float 的,而你的容器不是。在这种情况下,容器不会扩展以适应其内容。尝试漂浮您的容器,看看会发生什么。

Crystal 一定是满是灰尘...但是,您发布的代码无效 - 您在 head 标签内有内容,在 html 标签外有一个 div。这是您的页面的真实外观,还是只是将代码粘贴到您的问题中时出错?尝试清理代码结构,看看是否有帮助。

编辑:发现问题 - 这是一个错字。你有 <div="header"> - 应该是 <div id="header"> (注意缺少的“id”)

关于css - Container/Wrapper Div 不包含所有内容?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2849466/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com