分享

2. 浮动的问题 float+h3(亲测)

 偶记易方 2018-12-20
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style type="text/css">
        .box{
            width: 400px;
        }
        .left{
            background: red;
            float: left;
        }
        .right{
            background: blue;
            float: right;
        }
        h3{
            margin: 0;
            height: 40px;
        }
    </style>
</head>
<body>
    <div id="box">
        <div class="left">
            <h3>左侧</h3>
        </div>
        <div class="right">
            <h3>右侧</h3>
        </div>
    </div>
</body>
</html>





在IE6中,元素浮动,如果元素需要宽度进行撑开,需要给里面的块元素都添加浮动才可以
h3 { float: left; }

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多