老师的的代码有没有问题?

来源:4-7 编程练习

沈逸坤

2020-05-31 13:31:20

<!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: inherit;/*该属性继承继承伟为使得DIV3继承父元素的浮动属性*/

}

</style>

</head>

<body>

<div class="div1"></div>

<div class="div2">

  <div class="div3"></div>

</div>

</body>

</html>

老师的的代码有没有问题,为什么在编辑器里面显示的和在浏览器里面显示的不一样


写回答

1回答

好帮手慕小脸

2020-05-31

同学你好,同学写的是正确的,老师用同学的代码运行出来的效果是跟题目一样的,同学显示的不一样应该是没有完全展开,同学可以点下这个位置,放大后效果就一样了

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

如果我的回答解决了你的问题,请采纳,祝学习愉快.


0

0 学习 · 9666 问题

查看课程