左浮动为何失效了

Question

左浮动为何失效了

发布于
2016-09-16

更新于
2016-09-16

 <style>
  *{margin:0;border:0;padding:0;}
  /*清除浮动*/
  .clearfix:after { content:"\200B"; display:block; height:0; clear:both; } 
  .clearfix {*zoom:1;}
 
  .slide_1_out{width: 660px;height: 260px;overflow: hidden;}
  .s1_pic_w{float: left;width: 380px;height: 100%;background: yellow;overflow: hidden;}
  .s1_title_w{float: left;width: 280px;height: 100%;background: pink;overflow: hidden;}
  
  .s1_pic_w li{float: left;}
  .s1_pic_w img{width: 380px;}

  .s1_t_li{float: left;width: 280px;height: 260px;background: red;}
  </style>
    

 </head>
 <body>

<div class="slide_1_out">
    <div class="s1_pic_w clearfix">
        <ul>
            <li><img src="1.jpeg" alt=""></li>
            <li><img src="1.jpeg" alt=""></li>
            <li><img src="1.jpeg" alt=""></li>
            <li><img src="1.jpeg" alt=""></li>
            <li><img src="1.jpeg" alt=""></li>
        </ul>        
    </div>
    <div class="s1_title_w clearfix">
        <div class="s1_t_ul">
            <div class="s1_t_li"></div>
            <div class="s1_t_li"></div>
            <div class="s1_t_li"></div>
            <div class="s1_t_li"></div>
            <div class="s1_t_li"></div>
        </div>
    </div>
</div>

css html

阅读 4k

1 个回答

得票最新

tdl123

513883111

发布于
2016-09-17

问题解决啦
给图片列表设置绝对定位就好了。

撰写回答