为了账号安全,请及时绑定邮箱和手机立即绑定

这里面的两个浮动是什么意思呢

.container{    float:left;
    position:relative;
    left:50%}

.container ul{
    list-style:none;
    margin:0;
    padding:0;    
    position:relative;
    left:-50%;}
.container li{float:left;display:inline;margin-right:8px;}

刚开始不知道为啥要用相对定位,后来我理解是  相对定位是唯一一个没有脱离文档流的定位,用这个定义元素位置比较稳定?不知道这样理解对不对。。

然后又觉得float这里搞得一头雾水   我捉摸了半天  是让div  和li的长度根据里面内容自适应?然后好调整居中??

有没有大神指点一二,万分感谢。。

正在回答

3 回答

我也被搞蒙了,弄了半天搞懂了一点,li那里的float就算没有结果也不会有变化,不知道为啥放,毕竟display是inline了,然后container那里的float是为了让宽度由li的内容撑开(也就是三个li加起来的宽度);并且它下面的ul也会变窄,ul默认的display是block,不设置宽度时跟父元素100%等宽,这样ul定位relative后-50%位置才不会错,不然ul的长度跟着div都是占显示器宽度100%的话,ul定位就不准确了,无法保证li的总宽的中心线对应上div的左边线

0 回复 有任何疑惑可以回复我~

float浮动使container和ul元素向左边缘移动,

container{

float:left;

position:relative;

left:50%;

}

这段代码实现container和ul元素都向左移动50%(其实都换成right会更好解释,效果一样的),结果就是使div位于中间,而ul的做边缘与div平分线对齐。

1 回复 有任何疑惑可以回复我~

我不懂呢

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

这里面的两个浮动是什么意思呢

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信