为了账号安全,请及时绑定邮箱和手机立即绑定

完全猜不透本节课的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;}


正在回答

4 回答

这是相互影响的 浮动的影响 会扰乱布局  不成功的时候应该是不是有条件没有达成~

0 回复 有任何疑惑可以回复我~

这里我贴一下我的整个代码,仅供参考,但我认为这是正确的。

http://img1.sycdn.imooc.com//5649e00700010e2d06540545.jpg

大概是这样的效果

http://img1.sycdn.imooc.com//5649e03f0001014b07570487.jpg

如果给.right增加overflow:hidden样式,则会有以下效果

http://img1.sycdn.imooc.com//5649e0dd0001a7fc07850510.jpghttp://img1.sycdn.imooc.com//5649e0ea0001a7fc07850510.jpg

1 回复 有任何疑惑可以回复我~

等一下 我TM好像看出来了什么!!!

大概是这样 那个狗狗图片其实是block化的 或者换句话说 图片的外边紧贴着套了层div标签 这下子小伙伴儿们该明白了吧~

1 回复 有任何疑惑可以回复我~

这网站的后台 真是差啊 

写个回答都不行 怪不得没人回答我的问题

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

完全猜不透本节课的demo所使用的html结构,感觉任何结构都不可能

我要回答 关注问题
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号