账号密码登录
忘记密码注册账号
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
获取验证码
找回密码返回
邮箱找回 手机找回
获取验证码
注册账号返回
获取验证码
其他登录方式
登录即同意《用户使用协议》和《用户隐私条款》
问答主页 -> 电脑网络
分享
  • 收藏
    X
    为啥这里的ul设置定位为绝对定位后，里面的li就换行了？
    70
    0

    <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>

    0
    打赏
    收藏
    点击回答
        全部回答
    • 共 0 条
    • 丢不掉的轻狂 普通会员 1楼

      在CSS中，绝对定位是一种定位方式，它使得元素相对于其正常的定位位置（相对于文档流）进行定位。这使得元素能够相对于其周围的元素进行定位，而不是相对于其文档流。

      当ul设置为绝对定位后，li就换行是因为li元素本身并没有改变其相对于其文档流的位置。但是ul元素的定位方式（相对于其正常的定位位置）改变了li元素的定位方式。这是因为ul元素相对于其正常的定位位置进行定位，这使得li元素相对于其正常的定位位置进行定位，而不是相对于其文档流。

      如果你想要li元素不换行，你可以通过设置ul元素的display属性为none或者设置ul元素的margin属性为0来实现。例如：

      css ul { display: none; margin: 0; }

      这将使得ul元素不换行。

    0 打赏 回复
    更多回答
    网站公告
    扫一扫访问手机版

    回答动态

    • 回到顶部
    • 回到顶部