html - 列表未正确定位在左浮动字段集周围

标签 html css

当fieldset向左浮动时,列表项的元素符号出现在fieldset内部。这种意想不到的效果在 Opera 中尤为明显:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>My title</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <style type="text/css">
        fieldset {
            width:50%;
            float:left;
        }
    </style>
</head>
<body>
    <fieldset>
        <legend>My Field Set</legend>
        field set <br />
        field set <br />
        field set <br />
        field set <br />
        field set <br />
        field set <br />
    </fieldset>
    surround surround surround surround surround surround surround surround surround surround surround 
    <ul>
        <li>first list
        <li>second list
    </ul>
</body>
</html>

为了测试,我将 fieldset 设置为 float:right,然后列表项似乎被正确定位。

我该如何解决?

最佳答案

将此添加到 css 中:

ul{
    float:left;
}

关于html - 列表未正确定位在左浮动字段集周围,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24933789/

相关文章:

css - 右浮动 div float 在页面中间,直到页面渲染完成

javascript - Javascript 中的 C3 图表 json 数据格式

html - 连续设置 CSS 样式

javascript - 鼠标悬停时不调用和更改背景颜色的功能

html - Bootstrap 无法从本地 .css 和 .js 文档正常工作

html - Internet Explorer 中选择标签的 CSS 选择器

javascript - 根据输入的输入字段数量显示正确的输入字段数量

html - 3 div 不会在水平行中对齐

css - 导航栏文字颜色自动改变文字颜色

html - 收缩包装/收缩以适应 div 以在 css 中回流 float div