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

为什么上面那个可以显示浮动效果,下面那个就不行?

为什么上面那个可以显示浮动效果,下面那个就不行?

钱不多多 2016-11-16 22:06:44
<!DOCTYPE html><html>    <head>        <meta charset="utf-8">        <style type="text/css">          div{             float: left;           }        </style>    </head>    <body>     <div class="content">          <div>          <img src="jd4.png">          </div>          <div>          <img src="jd.jpg">          </div>          <div>          <img src="jd3.png">          </div>      </div>    </body></html><!DOCTYPE html><html>    <head>        <meta charset="utf-8">        <style type="text/css">          .content{             float: left;           }        </style>    </head>    <body>     <div class="content">          <div>          <img src="jd4.png">          </div>          <div>          <img src="jd.jpg">          </div>          <div>          <img src="jd3.png">          </div>      </div>    </body></html>
查看完整描述

3 回答

已采纳
?
Lemon156

TA贡献91条经验 获得超32个赞

第一段代码是以每个div设置float:left;

而你第二段代码表示的是为class的大盒子设置float:left;并不会影响内部子容器div的结构

如果你第二段代码在class的大盒子的外面还有其他的div,class的大盒子和class外面的其他盒子才会有浮动的效果

希望能帮你理解好这一点

查看完整回答
1 反对 回复 2016-11-16
?
初学Web3995664

TA贡献3条经验 获得超1个赞

div{float:left}是给所有的div元素浮动;.content{float: left;}是给class="content"的盒子浮动。


查看完整回答
1 反对 回复 2016-11-17
?
yangzhao

TA贡献24条经验 获得超26个赞

第二个浮动是设置到最外面的 盒子,在这里是没有显示出效果的。其实你这两种写法在工作中的话会被老板骂死的。

查看完整回答
1 反对 回复 2016-11-16
?
一瞬儿光

TA贡献178条经验 获得超70个赞

content 这个类只有一个对应的div。

查看完整回答
反对 回复 2016-11-16
  • 3 回答
  • 0 关注
  • 1815 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信