gpt4 book ai didi

css - 我可以使 float div 边距值相对吗?

转载 作者:行者123 更新时间:2023-11-28 11:40:09 27 4
gpt4 key购买 nike

div1 向左浮动,因此 div2 出现在它旁边。如果我想在 div2 上添加 10px 的左边距,为什么我需要将它设置为 60px? IE。 div1 + 10px 的宽度。我可以使 div2 相对于 div1 以便将 div2 的左边距设置为 10px 吗?

<!DOCTYPE html>
<html>
<head>
<style>
#div1{
width: 50px;
float: left;
}
#div2 {
margin-left: 60px;
}
#div1, #div2{
border: 1px solid red;
}
</style>
</HEAD>
<BODY>
<div>
<div id="div1">
div1
</div>
<div id="div2">
div2
</div>
</div>
</BODY>
</html>

JSfiddle

最佳答案

float 将元素从文档流中分离出来。您需要在 60px 处添加左边距的原因是让它清除左侧 float 的 div...如果您希望它们都内联,我建议使用:

        #div1{
width: 50px;
display: inline-block;
}
#div2 {
margin-left: 10px;
display: inline-block;
}
#div1, #div2{
border: 1px solid red;
}

关于css - 我可以使 float div 边距值相对吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19321596/

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