关于div子级能够撑开父级的宽度？

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>内容高度</title>
</head>
<body style="height:2000px;">
    <div id="div1" style="width:100px;height:100px;border: 1px solid red; padding: 10px;">
    //给父级加了宽度100px，为什么会被子集撑开?第一次遇到这是，我觉得最多像高度一样父级被撑满，或超出父级的范围，但为什么把父级的宽度能够撑开？这是什么规律？
        <div style="height: 600px;width: 100px; background: red;"></div>
    </div>
</body>
</html>

css html

阅读 4.2k

2 个回答

得票最新