4-7编程练习
来源：4-7 编程练习
流下了没有技术的眼泪
2020-03-08 20:43:00
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>float</title>
<style>
.div1{
width: 100px;
height: 100px;
background: red;
float: left;
}
.div2{
width: 300px;
height: 300px;
background: blue;
float: right;
}
.div3{
width: 100px;
height: 100px;
background: green;
float: right;
float:inherit;/*该属性继承继承伟为使得DIV3继承父元素的浮动属性*/
}
</style>
</head>
<body>
<div class="div1"></div>
<div class="div2">
<div class="div3"></div>
</div>
</body>
</html>写回答
2回答
-
同学你好， float:inherit; 该属性为从父元素继承 float 属性的值，对应直接继承父元素的float属性。
在同学的代码中，float: right; 设置div3的浮动属性。 float:inherit; 继承父元素的float属性，设置浮动，这两个的代码作用是一样的，所以去掉了float:inherit; 也是一样的效果。
如上所述，建议同学根据题目要求，只保留 float:inherit; 而不用写float: right; 了。
如果我的回答解决了你的疑惑，请采纳，祝学习愉快~
0 -
流下了没有技术的眼泪
提问者
2020-03-08
float:inherit;/*该属性继承继承伟为使得DIV3继承父元素的浮动属性*/
我发现不带上面这一行的代码，内容也是不变的，这是怎么回事。
0
相似问题