请问这里为什么用absolute,显示结果就是123竖向排列了。什么原因？
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>不定宽块状元素水平居中</title>
<style>
.container{
float:left;
position:relative;
left:50%;
}
.container ul{
list-style:none;
margin:0;
padding:0;
position:relative; 请问这里为什么用absolute,显示结果就是123竖向排列了。什么原因
left:-50%;
}
.container li{float:left;margin-right:8px;}
/*下面是代码任务区*/
.wrap-center{
background:#ccc;
}
</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>
慕田峪8701529浏览 2262回答 2
2回答
-
煊_煊
ul绝对定位后，没有给定宽度的话，就内容为宽度了，你可以看下在控制台查看元素里看下他有什么变化，如果你给定了宽度给他，只要内容不超过他的宽度，就还是一排显示。 -
习惯受伤
因为ul和container都没有给宽度，浏览器不知道怎么布局了
随时随地看视频慕课网APP
Html/CSS