前端基础： 只默认宽度和父级一样宽，但是高度不默认与父级一样的高度？
本帖最后由 clearwater 于 2019-12-28 08:28 编辑求教：在CSS中，是不是子盒子的宽度，如果和父级一样宽，可以不用写。
但是如果高度和父级一样高，不写不行？即没有所谓的默高和父级一样的高度，但是有自己默认的高度？
我练习的结果是这样的。比如：21行，我把紫盒子的高度注释掉，它的高度并没有出现和父级一样的高度？
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>小米手机</title>
<style>
* {
margin: 0;
padding: 0;
}
/*记得有标尺拉线来量*/
.box {
width: 1224px;
height: 618px;
margin: auto;
background-color: pink;
}
.left {
width: 232px;
/*height: 618px;*/
background-color: purple;
}
</style>
</head>
<body>
<div class="box">
<div class="left">123</div>
<div class="right"></div>
</div>
</body>
</html> 直接给子元素高度定义为100%就行了，子元素高度是要写的
samuaicc 发表于 2019-12-28 08:25
直接给子元素高度定义为100%就行了，子元素高度是要写的
你要是不给高度定义，那么高度是依据你其中的内容也就是数字123的高度 本帖最后由 clearwater 于 2019-12-28 08:30 编辑
samuaicc 发表于 2019-12-28 08:25
直接给子元素高度定义为100%就行了，子元素高度是要写的
非常感谢大神的热心帮助。
等晚一点，或明天给大神一个热心和一个CB币。（现在手上用完了。）
~~~~~~~~~~~~~~~~~~~
以下别的大神的回复，如果雷同，本人表示感谢。就不再评分了。
高度属性是不继承的，一般盒子的高度默认由其内容撑开；而宽度属性也是不继承的，但是块级元素宽度默认独占一整行的宽度（即父盒子内容的宽度），行内元素和行内块元素的宽度是由其内容撑开 氖气 发表于 2019-12-28 08:36
高度属性是不继承的，一般盒子的高度默认由其内容撑开；而宽度属性也是不继承的，但是块级元素宽度默认独占 ...
这个回复，给好评。
晚一点会给一个热心一个CB（现在手上也没热心值了）。 因为理论讲得很清楚。
我去翻了CSS的继承性的笔记，只提到TEXT-, FONT-, LINE 颜色等可以继承，并没有提到高度，宽度。
现在我很清楚了。
谢谢您 {:301_987:} 本帖最后由 clearwater 于 2020-1-9 12:49 编辑
氖气 发表于 2019-12-28 08:36
高度属性是不继承的，一般盒子的高度默认由其内容撑开；而宽度属性也是不继承的，但是块级元素宽度默认独占 ...
本来想求教您一个问题，不过已经解决了。
打扰您，实在不好意思。
页:
[1]