转载自：https://www.cnblogs.com/heyode/p/5973960.html
<body> <div class="wrap"> <div class="content"></div> </div> <style> body { margin: 0; padding: 0; } .wrap { border: 1px solid black; width:800px; } .content { width: 500px; height:400px; background-color: aqua; } </style> </body>
在这里，我们没有给wrap设高度，其默认值为auto。当height设为auto时，该标签的高度由其子标签的高度决定，即：子标签会撑开父标签。
而div标签宽度的默认值为100%. 如果，wrap不设width属性，
<body> <div class="wrap"> <div class="content"></div> </div> <style> .wrap { border: 1px solid black; } .content { width: 500px; height:400px; background-color: aqua; } </style> </body>
效果如下：
