为什么这里会应用边框和宽高样式

来源:13-4 起飞咯 - 浮动模型

hangerror

2016-10-18 11:05

div{
   width:200px;
   height:200px;
   border:2px red solid; }

#div1{float:left;}
#div2{float:right;}

<div id="div1"></div>
<div id="div2"></div>

按照权重不是应该只执行浮动样式而已吗,为何还会执行div选择器里的样式

写回答 关注

2回答

  • Seamo
    2016-10-18 20:39:40
    已采纳

    div{
       width:200px;
       height:200px;
       border:2px red solid; }

    #div1{float:left; width:100px;height:100px;border:1px solid red; }

    #div2{float:right; width:100px;height:100px;border:1px solid red; }

    <div id="div1"></div>
    <div id="div2"></div>

    因为设置浮动和设置元素宽高并不冲突,如果你像上面那样设置的话,按照权重div里的就不会执行啦,就会执行#div1,#div2里的宽高。

    hanger...

    非常感谢!

    2016-10-19 13:57:30

    共 1 条回复 >

  • Castigo
    2016-10-18 11:10:27

    他们处理的方面是不同的吧。

初识HTML(5)+CSS(3)-升级版

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

1225812 学习 · 18234 问题

查看课程

相似问题