我已经上网了，发现一个好看的下拉菜单，并且一直在尝试编辑代码，所以下拉菜单是屏幕宽度的100％，然后在那个病人身上有一个包裹将保持我的链接960px的宽度。但我无法将跌幅降至100％。全宽度下拉

我认为这个问题是在这里的某个地方......

ul li ul { 
    padding: 0; 
    position: absolute; 
    top: 48px; 
    left: 0; 
    width: 150px; 
    -webkit-box-shadow: none; 
    -moz-box-shadow: none; 
    box-shadow: none; 
    display: none; 
    opacity: 0; 
    visibility: hidden; 
    -webkit-transiton: opacity 0.2s; 
    -moz-transition: opacity 0.2s; 
    -ms-transition: opacity 0.2s; 
    -o-transition: opacity 0.2s; 
    -transition: opacity 0.2s; 
    }

也就是说下拉我一直在努力进行编辑。我希望它类似于此下拉

http://au.beatsbydre.com/

来源

2013-05-08 JBrookes

在你的jsfiddle，只是把左，右填充你的身体和它回到100％ – 2013-05-08 13:44:30

这是您修改后的代码？你有'width：150px'在那里，它立即跳出作为你的问题的一个可能的原因。另外，这个CSS是在'ul'里面的'li'里面的'ul' ......很可能包含这个'ul'的外部'ul'或者''''是限制你的宽度的。 – 2013-05-08 13:44:57

原因是，beatsbydre有一个下拉菜单，将内容加载到fullsize div中，然后您可以获得单独的div，然后将内容放入其中。你需要以另一种方式实现这一目标。如果你不是一个程序员，那么这不是一件困难的事情，你可以去codecanyon并且以便宜的方式找到其中的数百个。对不起，我不能有任何其他帮助，这需要很多的JavaScript或jQuery编程。 – Cam 2013-05-08 13:44:59

我设法得到它的宽度NU巫婆我想这是你想要的，

Working Demo

添加以下（那么简单）的代码

去除

ul li{ 
    position:relative; 
}

，并添加到

ul{ 
    position:relative; 
}

如果你想要它的屏幕的整个宽度只是这样做

REMOVE

ul li{ 
    position:relative; 
}

ADD

ul li .dropDown{ 
    top: 75px; 
}

Working Demo 2

希望这有助于

好运:)

来源

2013-05-08 13:54:15 iConnor

你的天才!!!!谢谢。这就是我要的。 – JBrookes 2013-05-08 13:57:40

我看到的示例直接在选择的菜单下进行配置，配置并获得解决方案，赞誉，drebeats网站使用代码以不同的方式进行，但谁关心结果就是目标。 – Cam 2013-05-08 13:59:16

@Cam是的，我看着drebeats代码，但它有点让我困惑，我想我可以编辑我已经发现的下拉菜单，而不是完全编写一个新的代码。 – JBrookes 2013-05-08 14:02:24

结账这个环节和演示也许你可以改变颜色：

1.Link：http://www.handy-html.com/create-a-simple-css-dropdown-menu/

演示：http://www.handy-html.com/wp-content/uploads/2012/02/create-a-simple-css-dropdown-menu.html

来源

2013-05-08 13:43:17 Bip

而这与具体问题有什么关系？ – 2013-05-08 13:45:19

我同意，他们已经有了代码，问题是他们想要实现的是需要更广泛的编码来实现（IMO） – Cam 2013-05-08 13:52:29

全宽度下拉

回答

Working Demo

Working Demo 2

相关问题