老师 我想请问下div的问题
我想请问下类名为one的那个大盒子的大小现在是 602*602 还是602*202呀 请问当我设置成600成200的时候 我有三个div的子盒子 不会被撑开的吗 谢谢老师
<style>
.one {
width: 600px;
height: 200px;
border: 1px solid #000;
}
.two {
width: 200px;
height: 200px;
background-color: aqua;
}
.three {
width: 200px;
height: 200px;
background-color: red;
}
.four {
width: 300px;
height: 200px;
background-color: green;
}
</style>
</head>
<body>
<div class="one">
<div class="two"></div>
<div class="three"></div>
<div class="four"></div>
</div>
</body>
正在回答
同学你好，解答如下：
1、类名为one的盒子宽度是602，高度是200.如下图：
宽度设置为600但是加上左右边框，那么one盒子整体宽度则是602px。
2、因为one是父级盒子当它被设定了宽度，那么它子盒子宽度不会将one盒子撑开。
祝学习愉快！
-
慕仙0240544 #1
老师 那我还有两个问题想请教一下
1 那他既然高度被撑开了 为什么它的黑色线还是包裹着200*200的框呢
2 它既然高度可以被撑开 为什么宽度却不行 设置浮动或者改成行内块盒子都上不去 谢谢老师
2022-06-10 15:41:23 -
慕仙0240544 #2
老师 不好意思 问题问错了 想问的是 那既然都撑不开 那这个父盒子和子盒子到底是什么情况呀 就感觉也没有包住呀 它这还能算父盒子吗 谢谢老师
2022-06-10 15:44:43 -
同学你好，解答如下：
同学这里记着，如果说父级设置了好了宽度与高度，那么子级元素不管有多高哪怕说宽高都超出了父级元素，
它们也依然是子级元素，并且父子级关系依然是存在的。如下例子：
同学所说的感觉并没有包住，这一点确实从视觉上看它们并不是嵌套包裹的结构，但是它们所展现的形式确实也是如此，那么这里也要注意一下，如果说父级元素在不设置宽度的时候，父级元素如是块级元素，那么它的宽度会自适应它的父级元素的宽，这就相当于它的宽度被默认设置成了width:100%;如父级元素不设置高度，且它还有子级元素的话，子集元素有高度那么父级元素会被子集元素所撑开。但是如果父级元素设置了固定的宽高，那么一切都会本着父级元素的宽高来算。
祝学习愉快！
2022-06-10 15:59:54
相似问题
登录后可查看更多问答，登录/注册
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星