猿问

请问这里为什么用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
我要回答