码迷,mamicode.com
首页 > Web开发 > 详细

css 之 float 时给父元素 加 overflow: hidden

时间:2020-01-05 13:55:14      阅读:106      评论:0      收藏:0      [点我收藏+]

标签:wrapper   charset   style   lan   hidden   html   doctype   dem   meta   

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>demo</title>
    <style type="text/css" media="screen">
        .button-list{
            padding: .1rem;
            overflow: hidden
        }  
        .button-wrapper{
            width:33.33%;
            float: left
        }
        .button{
            padding: .1rem;
            border: .02rem solid #ccc;
            text-align: center
        }  
    </style>
</head>
<body>
    <div>123</div>
    <div class="button-list">
        <div class="button-wrapper">
            <div class="button">
                北京
            </div>
        </div>
        <div class="button-wrapper">
            <div class="button">
                北京
            </div>
        </div>
        <div class="button-wrapper">
            <div class="button">
                北京
            </div>
        </div>
    </div>
    <div>123</div>
</body>
</html>

css 之 float 时给父元素 加 overflow: hidden

标签:wrapper   charset   style   lan   hidden   html   doctype   dem   meta   

原文地址:https://www.cnblogs.com/xuwupiaomiao/p/12152034.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!