为啥这里的ul设置定位为绝对定位后,里面的li就换行了?

新手上路,请多包涵

<style>
*{margin: 0;padding: 0;text-decoration: none;}
.container{

  float: left;
position:relative;
left:50%;

}

.container ul{

list-style:none;

position:relative;

}
.container li{

float: left;
margin-right:8px;
font-size: 16px;

}
</style>
</head>

<body>
<div class="container">
<ul>

<li><a href="#">1</a></li>
    <li><a href="#">2</a></li>
    <li><a href="#">3</a></li>
</ul>

</div>

</body>

阅读 2.9k
1 个回答

使用relative,元素没有脱离了文档流,所以float生效,
使用absolute,元素脱离了文档流,所以失效了

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题