gpt4 book ai didi

css - 在 float div 和底部 div 之间放置一个空格

转载 作者:行者123 更新时间:2023-11-28 18:33:46 29 4
gpt4 key购买 nike

我正在尝试在两个 float div 的底部创建一个 div,但底部 div 和其他 div 之间有一个边距。

这是 Fiddle

html:

<html><head></head>
<body>
<div class="left">Hello</div>
<div class="right">Hello</div>
<div class="bottom">Hello</div>

</body>
</html>

CSS:

.left {
width: 150px;
height: 100px;
float: left;
border: 1px solid #000;
}

.right {
width: 150px;
height: 100px;
float: left;
border: 1px solid #000;
}

.bottom {
clear: both;
margin-top: 20px;
}

最佳答案

使用清晰的类对我有用(Fiddle):

<html><head></head>
<body>
<div class="left">Hello</div>
<div class="right">Hello</div>
<div class="clear"></div>
<div class="bottom">Hello</div>
</body>
</html>​
.left {
width: 150px;
height: 100px;
float: left;
border: 1px solid #000;
}

.right {
width: 150px;
height: 100px;
float: left;
border: 1px solid #000;
}

.bottom {
margin-top: 20px;
}

.clear {
clear: both;
}

关于css - 在 float div 和底部 div 之间放置一个空格,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13441825/

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