语义 UI css 与最小宽度属性混淆。我该如何解决？

Question

我正在尝试将 css 最小宽度属性用于 div 包装器，但是，使用语义 UI 似乎隐藏了水平滚动条。

通过删除下面 CodePen 中的 link 标签，揭示了语义 UI 的问题。

<link rel="stylesheet" type="text/css" href="//cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.1.8/semantic.min.css"/>
<div id="wrapper"></div>


#wrapper {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: #ff0000;
  min-width: 2500px;
  min-height: 1000px;
}

关于如何在仍然使用语义的同时解决此问题的任何想法 UI？

Answer 1

在您的具体案例中，语义将 overflow-x: hidden 添加到 <body>。

只需添加 CSS:

body {
  overflow-x: scroll !important;
}

http://codepen.io/anon/pen/MyaQXM

语义 UI css 与最小宽度 属性 混淆。我该如何解决？

Semantic UI css messing with min-width property. How do I fix?

css

semantic-ui

语义 UI css 与最小宽度属性混淆。我该如何解决？