个性化阅读
专注于IT技术分析

CSS下拉菜单未正确对齐

我为客户端开发了http://pizzli.com/millington, 而下拉菜单仅使用CSS。他们表现不错, 但是由于某种原因, 它们与右边对齐。看看下面的图片。任何援助将不胜感激。

在此处输入图片说明

#1


嘿, 我想让你的下拉导航开始左, 而不是你给li相对和sub ul赋予左和绝对属性, 就像这样

对你的CSS文件进行一些更改

#navigation li {
    float: left;
    list-style: none outside none;
    position: relative;
}

和这个

#navigation li:hover ul {
    display: block;
    left: -16px;
    margin: 0;
    padding: 0;
    position: absolute;
}

#2


尝试左移:继承;然后做margin-left:xyz;相对于父元素定位元素。

请注意, 你可能必须将left:和margin-left:更改为right:和margin-right:, 但这对我来说非常有用, 我花了很长时间弄清楚了。

赞(0) 打赏
未经允许不得转载:srcmini » CSS下拉菜单未正确对齐
分享到: 更多 (0)

评论 抢沙发

评论前必须登录!

 

觉得文章有用就打赏一下文章作者

微信扫一扫打赏