账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    关于子元素浮动 以后父元素margin失效的问题
    30
    0
    <!DOCTYPE html>
    <html>
    <head>
        <title></title>
        <style type="text/css">
            .a{
                width: 80%;
                border: 1px solid red;
                margin: 100px auto;
                text-align: center;
                overflow: hidden;
    
            }
            .a:hover{
                transform: scale(1.2,1.2);
            }
            p{
                float: left;
                margin-left: 20px;
                display: block;
            }
            .b{
                width: 80%;
                border: 1px solid red;
                margin-top: 100px;
                text-align: center;
                overflow: hidden;
            }
            .b:hover{
                transform: scale(1.2,1.2);
            }
        </style>
    </head>
    <body>
    <div class="a">
        <p>1</p><p>2</p><p>3</p>
    </div>
    <div class="b">
        <p>1</p><p>2</p><p>3</p>
    </div>
    </body>
    </html>
    
    当p元素全浮动的时候p元素之间可以设置margin-left,但是父元素却设置margin-top或bottom无效,但是设置margin: 0 auto;却又可以这是为什么?
    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 遠客歸心 普通会员 1楼
      502 Bad Gateway

      502 Bad Gateway


      nginx
    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部