【问题标题】:Navigation padding different in cross browser compatibility跨浏览器兼容性的导航填充不同
【发布时间】:2012-08-05 16:07:14
【问题描述】:

http://danhumphrey.co.uk/nav/main.html

如果你在 Chrome 和 Firefox 或 IE 中打开它,你会注意到我在让 lis 与导航栏正确对齐时遇到了一些问题。

我在 li 的左侧和右侧添加了填充,然后尝试将自定义填充添加到单个 li。关于我哪里出错的任何提示?

谢谢, 丹

【问题讨论】:

    标签: css cross-browser navigation padding


    【解决方案1】:

    1) 从导航元素中移除背景,

    2) 添加

    nav ul li {
    ...
    background: #474747
    }
    

    3) 添加此项以使您的 lis 与导航元素对齐

    #brands {
    margin-left: 20px;
    }
    

    4) 如果要将导航高度调整为 lis 高度,请将导航高度增加到 30px,因为您的 lis 高度为 28px,边框为 2x1px,总和为 30px

    【讨论】:

    • 感谢您的回复。这是一个更好的解决方案,但是我现在在 IE 中遇到问题。最后一项被推到第二行 - 有解决办法吗?
    • 我无法在 IE 上测试。您可以尝试增加导航宽度并进行测试吗?
    猜你喜欢
    • 1970-01-01
    • 2012-08-09
    • 2011-06-07
    • 2011-06-18
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多