源自：3-1 Overflow与块状格式上下文
完全猜不透本节课的demo所使用的html结构，感觉任何结构都不可能
我也是尝试了好久啊 根本就不能实现老师那种效果 老师也是 光顾着搞笑了 具体的一些细节从来都不说 让我们猜啊。。。
clear：both是加在哪个元素上的？ 如果是加在狗的img标签上 我试过 不可能像视频中那样掉下去 而如果是加在div.right上 那么美女的右边就不可能有背景色 这里我百思不得其解啊
希望老师能解释一下 源码到底是怎么样的 我感觉它就是个错的
下面是我的源码：
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Chengzi</title> <link rel="stylesheet" href="css.css"> </head> <body> <div> <div> <img src="head.jpg" alt=""> </div> <div> <img src="house.jpg" alt=""> </div> </div> </body> </html>
*{padding: 0; margin: 0;}
.box{background-color: grey;height:652px;}
.head{float: left;}
.left{width:100px;}
.right{width: 500px;min-height: 400px;background-color: red;}
.house{width:180px;clear: both;}
提问者：橙子殿下
2015-11-16 21:14
个回答
-
- echo_kinchao
- 2015-11-17 09:39:00
这是相互影响的 浮动的影响 会扰乱布局 不成功的时候应该是不是有条件没有达成~
-
- 橙子殿下
- 2015-11-16 21:58:07
这里我贴一下我的整个代码，仅供参考，但我认为这是正确的。
大概是这样的效果
如果给.right增加overflow:hidden样式，则会有以下效果
-
- 橙子殿下
- 2015-11-16 21:45:24
等一下 我TM好像看出来了什么！！！
大概是这样 那个狗狗图片其实是block化的 或者换句话说 图片的外边紧贴着套了层div标签 这下子小伙伴儿们该明白了吧~
-
- 橙子殿下
- 2015-11-16 21:30:09
这网站的后台 真是差啊
写个回答都不行 怪不得没人回答我的问题