请问几个问题

来源: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)

http://img.mukewang.com/climg/5d78d3f90970e1fd02630388.jpg

    3、div0宽度和高度注释时,div0的宽度使用默认值,也就是窗口的大小,窗口的大小>div1+div2的宽度和,能同时放下div1和div2(div1和div2在一行显示,是因为div1设置了浮动)。

如果我的回答解决了你的疑惑,请采纳,祝学习愉快~

0

0 学习 · 9666 问题

查看课程