gpt4 book ai didi

html - 在内容 div 上 float 一个连续包含三个 div 的 div

转载 作者:太空宇宙 更新时间:2023-11-04 15:59:23 24 4
gpt4 key购买 nike

在一个容器中有三个 div,我想在一个大的 div 上 float 。我该怎么做呢?到目前为止我有这个......

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html><head>
<style type="text/css">
<!--

div.HeaderContainer { float:left; }
div.One { float:left; border: 1px solid; }
div.Two { float:left;}
div.Three { float:left; border: 1px solid; }
div.Content{ float:none; }

-->
</style>
</head>
<body>

<div class = "HeaderContainer">
<div class="One">one</div>
<div class="Two" id="tdAmplicon">two</div>
<div class="Three">three</div>
</div>
<div class="Content" >content</div>

</body>
</html>

但是,这只会将内容 div 放在 HeaderContainer div 的左侧。如何使内容 div float 在 HeaderContainer div 下方?谢谢。

最佳答案

div.Content { clear: both; }

将内容div放在HeaderContainer下面

http://jsfiddle.net/ZDE6C/

关于html - 在内容 div 上 float 一个连续包含三个 div 的 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10033543/

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