老师，为什么我的div3看不到

源自：float浮动 2-5 编程练习

收起

3回答

好帮手慕言 2020-09-09 09:24:18

同学你好，是因为html结构不同导致的，div3作为div2的子元素就可以了，编程题提供的提示代码如下：

同学可以修改后再测试下，祝学习愉快~

好帮手慕言 2020-09-08 09:44:42

同学你好，因为div1元素设置了浮动，div3被盖在div1元素下方了，可以给div1设置margin-top值，就可以看到div3元素了，如下：

如果同学想要实现编程题提供的效果图，可以修改一下html结构，例如：

祝学习愉快~

好帮手慕言 2020-09-07 18:57:37

同学你好，为了准确的定位到同学代码中的问题，建议：把代码粘贴上来（不要截图），祝学习愉快~

提问者慕粉1472364919 #1

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>float浮动2-6</title> <style type="text/css"> .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;} </style> </head> <body> <div class="div1"></div> <div class="div2"> </div> <div class="div3"></div> </body> </html>

2020-09-07 19:11:55