鍍金池/ 問答/人工智能  HTML/ 為啥這里的ul設(shè)置定位為絕對(duì)定位后，里面的li就換行了？

為啥這里的ul設(shè)置定位為絕對(duì)定位后，里面的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>

回答
編輯回答
陌如玉

使用relative,元素沒有脫離了文檔流，所以float生效，
使用absolute，元素脫離了文檔流，所以失效了

2017年2月27日 09:49