请问几个问题
来源:4-12 编程练习
Mayonate
2019-09-11 14:55:09
<!DOCTYPE html>
<html>
<head>
<title></title>
<style type="text/css">
#div0{
/*width: 100px;
height: 50px;*/
}
.div{
}
#div1{
float: left;
}
</style>
</head>
<body>
<div id="div0">
<div class="div" id="div1">
<img src="http://climg.mukewang.com/590fe9770001e63102400135.jpg">
</div>
<div class="div" id="div2">
<img src="http://climg.mukewang.com/590fe97d00011bda02400135.jpg">
</div>
<div class="div" id="div3">
<img src="http://climg.mukewang.com/590fe982000150ba02400135.jpg">
</div>
<div class="div" id="div4">
<img src="http://climg.mukewang.com/590fe9770001e63102400135.jpg">
</div>
<div class="div" id="div5">
<img src="http://climg.mukewang.com/590fe97d00011bda02400135.jpg">
</div>
<div class="div" id="div6">
<img src="http://climg.mukewang.com/590fe982000150ba02400135.jpg">
</div>
</div>
</body>
</html>div0宽高没有注释时
1.div0宽度不够一个子元素,为什么也是会展示。
2.浏览器调试工具,div2的宽高为什么是100*240
div0宽高注释时
3.div2为什么会跟div1在一行显示
1回答
好帮手慕小班
2019-09-11
同学你好,1、div0宽度和高度没有注释时候,虽然div0的宽度不够一个子元素,但是子元素仍会显示,并且是超出显示,也就是超出div0宽度的部分也是显示的。
2、div2高度显示240是因为div0设置的宽度和高度不够,有因为div1设置了浮动,div2本应该跟div1在同一样显示,因为父元素div0的宽度不够,被挤到下一行了,所以这里看到的240的高度是原本跟div1在一行显示所占的高度+被挤到下一行所占高度的和(老师这边测试高度是278)

3、div0宽度和高度注释时,div0的宽度使用默认值,也就是窗口的大小,窗口的大小>div1+div2的宽度和,能同时放下div1和div2(div1和div2在一行显示,是因为div1设置了浮动)。
如果我的回答解决了你的疑惑,请采纳,祝学习愉快~