问答详情
源自:13-4 起飞咯 - 浮动模型

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

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

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

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

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

提问者:hangerror 2016-10-18 11:05

个回答

  • 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里的宽高。

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

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