gpt4 book ai didi

html - CSS、HTML 不能将 div 内容放在 div 标签内

转载 作者:太空宇宙 更新时间:2023-11-03 18:51:37 25 4
gpt4 key购买 nike

您好,我对我的 div 标签有疑问。我遵循了本教程,在那里我专门做了他所做的并得到了不同的结果。我用谷歌搜索了这个,我找不到答案。

问题是我的 content_wrapper div 中的 div 标签不会将它们自己放在 content_wrapper div 中,即使我专门做了与教程中相同的事情。相反,div 标签将它们自己放在我的 content_wrapper div 的底部。如果有任何帮助,我目前正在使用 Dreamweaver CS5。

这就是我编写 div 的方式:

<body>

<div id="header"> This is my header </div>

<div id="content_wrap">

<div id="left_content"> Advertisement </div>

<div id="right_content"> </div>

</div>

</body>

这是我的 CSS:

#header{
height:1000px;
width:1000px;
margin-left:auto;
margin-right:auto;
border:solid 1px;
}

#content_wrapper{
height:800px;
width:980px;
margin-left:auto;
margin-right:auto;
margin-top:10px;
}

#left_content {
height:800px;
width:240px;
float:left;
margin-left:auto;
margin-right:auto;
border:solid 1px;

}

#right_content {
height:800px;
width:730px;
margin-left:10px;
margin-right:auto;
float:right;
border:solid 1px;
}

最佳答案

您的左右 div 正在折叠,因为您没有清除父 div(包装器)。为你的 <div id="content_wrap" class="clearfix"> 添加一个类

.clearfix:after{
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
font-size: 0;
}

关于html - CSS、HTML 不能将 div 内容放在 div 标签内,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14782301/

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