发新贴  快速回复

header 中的 ul 和 ol 让ul在左,ol在右,ol向右移动时,间距不变,怎么设置样式......,
有几种方法? 请求指点

妙味用户462937
2017-09-13 21:56

 

<style>
body{margin:0;}
div{height:50px;
    background:#ccc;}
ul li{float:left;
       display:block;
      margin-left:30px;
}
ol li{float:left;
    display:block;
}
ul,ol{margin:0;padding:0;}

</style>
<div >
<ul>
    <li>商家</li>
    <li>产品</li>
    <li>商品</li>
    <li>卖家</li>
    <li>买家</li>
    <li>你好</li>
    <li>呵呵</li>
</ul>
    <ol>
        <li>商品</li>
        <li>销售</li>
        <li>总量</li>
    </ol>
</div>
 
宋承龙

第一点,不是特别明白你的需求,哪个间距不变?

第二点,你这里一个在左一个在右,不是应该把ul 设置float:left  ol设置float:right么? 你这里给li浮动是什么意思?

第三点,学东西要循序渐进,不要着急,建议按照官网视频的顺序来看哦,从上到下就好啦

2017-09-15 16:45  回复本帖
登录 后才可以发表回复