小编Lin*_*ang的帖子

与浮动和边距相关的奇怪行为

问题是div与.parent班级的位置.这是不是在窗口顶部,但低于100像素,这是完全价值margin-bottom.child.

谁能解释一下这里发生了什么?

这是我的HTML文档:

<html>
    <head>
        <style>
            .parent {
            }
            .child {
                margin-bottom:100px;
            }
            button {
                float:left;
                height:30px;
            }
        </style>
    </head>
    <body>
        <div class="parent">
            <div class="child">
                <button>click me!</button>
            </div>
        </div>
    </body>
</html>
Run Code Online (Sandbox Code Playgroud)

html css position

6
推荐指数
1
解决办法
57
查看次数

标签 统计

css ×1

html ×1

position ×1