html – css float和padding

前端之家收集整理的这篇文章主要介绍了html – css float和padding前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
这是HTML布局:
<div class="wrap">
           <div id="container">
               <div id="left">...</div> 
               <div id="right">...</div> 
            </div>
        </div>

我使用了float:left到left div,float:右对齐。然后,我使用padding-top:10px到容器。为什么不起作用?谢谢。

这是我的第一个风格:

.wrap {
    float: left;
    width: 1000px
}

#container{
    background-color: #FFFFFF;
    padding: 10px 10px 0;
    width: 980px;
    float: left;
}

#left {
    float: left; 
    width: 670px;
}

#right {
    float: right;
    width: 300px;
}

Example here

解决方法

当您浮动元素时,它会有效地将其从文档流中取出,因此向其父项添加填充将不会对其造成影响。你可以使用margin-top:10px;在你的内部divs。
原文链接:https://www.f2er.com/html/233187.html

猜你在找的HTML相关文章