响应式导航有滚动条？

Question

我一直在搞乱Wordpress的引导主题，当我缩小导航时，它变成了一个滚动条。这很奇怪，因为它应该重叠。

网站是：http://sendtohim3dprinting.co.uk/

这就是它的样子：

我无法弄明白。

这些是我做的CSS更改：

/Applications/Xcode.app/Contents/Developer/Platforms/iPhoneSimulator.platform/Developer/usr/bin/ibtool --flatten NO --errors --warnings --notices --module appname_WatchKit_Extension --minimum-deployment-target 8.4 --output-partial-info-plist /Users/johannes/Library/Developer/Xcode/DerivedData/appname-avzktnolxsxcysbudfkawtmkeixs/Build/Intermediates/appname.build/Debug-iphonesimulator/appname\ WatchKit\ App.build/Interface-SBPartialInfo.plist --auto-activate-custom-fonts --output-format human-readable-text --compilation-directory /Users/johannes/Library/Developer/Xcode/DerivedData/appname-avzktnolxsxcysbudfkawtmkeixs/Build/Products/Debug-iphonesimulator/appname\ WatchKit\ App.app/Base.lproj /Users/johannes/Documents/Development/projectfoler/appname\ WatchKit\ App/Base.lproj/Interface.storyboard
2015-08-23 22:00:57.776 ibtoold[6319:105962] [MT] DVTAssertions: ASSERTION FAILURE in /SourceCache/IDEInterfaceBuilder/IDEInterfaceBuilder-7706/InterfaceBuilderKit/Document/IBDocument.m:2439
Details:  Assertion failed: [compiledPackageAsDirectory isDirectory]
Object:   <IBStoryboardDocument: 0x7fb28a019800>
Method:   -fileWrapperOfType:options:error:
Thread:   <NSThread: 0x7fb288c41c60>{number = 1, name = main}
Hints: None
Backtrace:
  0  0x00000001011d9c07 -[DVTAssertionHandler handleFailureInMethod:object:fileName:lineNumber:assertionSignature:messageFormat:arguments:] (in DVTFoundation)
  1  0x00000001011d965f _DVTAssertionHandler (in DVTFoundation)
  2  0x00000001011d994e _DVTAssertionFailureHandler (in DVTFoundation)
  3  0x00000001011d98b0 _DVTAssertionFailureHandler (in DVTFoundation)
  4  0x0000000102050098 -[IBDocument fileWrapperOfType:options:error:] (in IDEInterfaceBuilderKit)
  5  0x000000010205c4d9 -[IBDocument hybridPackageWithOptions:error:] (in IDEInterfaceBuilderKit)
  6  0x0000000100fe0ece (in ibtoold)
  7  0x0000000100fddab3 (in ibtoold)
  8  0x0000000100fe0370 (in ibtoold)
  9  0x0000000100fe6233 (in ibtoold)
 10  0x0000000100fe67b0 (in ibtoold)
 11  0x0000000100fe6683 (in ibtoold)
 12  0x0000000100fd566a (in ibtoold)
 13  0x0000000100fe5e2c (in ibtoold)
 14  0x0000000100fe5074 (in ibtoold)
 15  0x00007fff8f4af5c9 start (in libdyld.dylib)

导航栏的原始CSS非常长，但可以找到here

在滚动条之前我没有遇到过这种问题。

任何帮助都将不胜感激。

Answer 1

只需将def generate(max_len): return itertools.ifilter(lambda i: '11' not in i, (''.join(i) + '0' for i in itertools.product('01', repeat=max_len-1))) for s in generate(10): # do something with s 添加到overflow: hidden课程即可。像这样：

.nav > li

Answer 2

如果您的目标是隐藏水平滚动条，如上图所示，您可以尝试：

.table 
{
    font-size: 1.2em; 
    width: 800px; 
    margin: 0 auto; 
    height: 565px; 
    background-color: #f0f0ee;
 }

.element 
{
    font-size: 1.2em; 
    font-family: monospace; 
    width: 48%; 
    border: 3px solid #FFF; 
    padding: 5px; 
    height: 50%; 
    float:left;
}