css 怎样让无序列表 横着排列

2024-12-27 10:55:58
推荐回答(1个)
回答1:




    
    
    
        *{margin: 0; padding: 0;}
        ul, li{list-style: none;}
        ul:after{content: ''; display: block; clear: both;}
        li{width: 100px; height: 100px; background-color: pink; font-size: 20px; float: left; margin-right: 10px;}
    



        
  • 111

  •     
  • 222

  •     
  • 333



使用浮动float即可,但是使用浮动一定记得将父级ul清除浮动,否则它的高度为空,因为里面的li浮动后脱离文档流了。