css - CSS、WordPress 和 IE

Question

我想使用浮动在 CSS 中定位三个项目。

1. 在左上角--标志
2. 在标志的右侧，导航，它是一个无序列表，即向左浮动。
3. 在右上角，2 行注册时事通讯字段 - 复制顶行和表单字段，第二个提交底部

我给了每个它自己的 Div 标签，但看不到让它与 float 一起工作。只有在调整网站大小时看起来不太好的绝对定位。我现在在 div 中放置了一个表格，但我会喜欢一个纯 CSS 解决方案。

我可以让徽标向左浮动，注册字段向右浮动，但似乎无法正确定位导航。要么它一直向左走，要么我把它放在标志和字段下方。

任何建议，将不胜感激。

Answer 1

下面的呢？

    .floatleft_logo
    {
        float: left;
        width: 200px;
    }

    .floatleft_nav
    {
        float: left;
        width: 600px;
    }
    .floatright_email
    {
        float: right;
        width: 300px;
        margin-left:-250px;
    }

将这三个都放在一个 850 像素宽的容器 div 中，这对我来说在测试页面中有效。

Answer 2

如果我理解正确，也许您可​​以将第一个和第二个元素设置为 float:left，然后将第三个元素的边距设置为等于第一个和第二个的宽度？

您还可以将第一个元素设置为向左浮动，将第三个元素设置为向右浮动，第二个元素的边距等于第一个元素的宽度。就像一个三列布局。