gpt4 book ai didi

css - 绕过 float 元素后定位
  • 元素符号错误的 webkit 错误
  • 转载 作者:太空宇宙 更新时间:2023-11-03 19:01:35 25 4
    gpt4 key购买 nike

    有一个bug in WebKit这会导致浏览器(Safari、Chrome 等)将第一个

  • 中的元素符号或编号放在右侧的
        中(如果它前面有 float 元素)。这是问题的一个简单示例:

        <!DOCTYPE html>
        <html>
        <head>
        </head>
        <body style="width:250px">
        <div style="width: 100%; float: left;">
        List with bullet at the wrong side:
        </div>
        <div>
        <ul>
        <li>bullet ends up here -></li>
        </ul>
        </div>
        </body>
        </html>

        由于已被报道,因此有可能在某个时候修复它。

        与此同时,我如何才能通过仅修改现有 DIV:s 的样式(即不修改结构)来规避问题?

  • 最佳答案

    在 float 后的元素或列表上使用overflow: hidden;

    http://jsfiddle.net/E3FPS/

    当然,这还有 overflow hidden 带来的其他副作用,例如您不能将元素移动到边界框之外,否则它们将被切断。

    关于css - 绕过 float 元素后定位 <li> 元素符号错误的 webkit 错误,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11909210/

    25 4 0
    Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
    广告合作:1813099741@qq.com 6ren.com