css – 设置div之间的空间

前端之家收集整理的这篇文章主要介绍了css – 设置div之间的空间前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有两个这样的div:
<section id="main">
        <div id="left">
            <asp:ContentPlaceHolder ID="left" runat="server" />
        </div>
        <div id="right">
            <asp:ContentPlaceHolder ID="right" runat="server" />
        </div>
</section>

这是我的css:

#left
{
    float: left;
    margin-right: 17px;

}

#right
{
    float: right;
}

我想要div之间的空间是40px.我尝试在我的CSS中添加填充,边距和宽度,但是我认为没有设置填充来修正40px.怎么做?

解决方法

以相同的方式浮动它们,并添加40px的边距.如果你有两个元素漂浮在相反的方式,你将拥有更少的控制权,并且包含的​​元素将决定它们有多远.
#left{
    float: left;
    margin-right: 40px;
}
#right{
   float: left;
}

猜你在找的CSS相关文章