0

到目前为止我所拥有的：

<style>
.wrapper {
    width:980px;
    border:1px solid red;
}

.element {
    width:10000px;
    overflow:visible;
    margin-left:-2000px;
    height: 20px;
    margin-top:100px;
    margin-bottom:100px;
    border: 1px dotted green;
}
</style>
<div class="wrapper">
    <div class="element">
    </div>
</div>

http://jsfiddle.net/8cyHR/

我想删除水平滚动条（.element 的宽度必须与浏览器的窗口宽度相同）但包装元素仍然必须只有 980px 宽

4

2 回答 2

1

最简单的解决方案......您的 CSS 无法承受是从包装器中取出特定的 div 。毕竟没有理由不能拥有多个包装器。

<div class="wrapper">
    <div ></div>
</div>

<div class="element"> </div>

<div class="wrapper">
    <div ></div>
</div>

JSFiddle

于 2013-10-09T11:49:45.910 回答
1

我现在看到的你的问题让我非常抓狂，因为它根本不符合你的代码。所以，我试图为你制定多种选择。

无法得到你想要的 - 案例 #1

应用 position:absolute 或 position:relative 到元素，这将使它脱离正常流程，如果你想让 .element 比它的父容器更多。（我对你的理解正确吗？这就是你想要的吗？）

你想要什么（案例#2）： 如果你希望 .element 与浏览器（窗口？）一样宽，为什么要使用 width:10000px？使用绝对定位（见案例#1）和宽度：100%

案例#3： 如果您不想看到 .element 的水平滚动条，则使用 overflow:auto 或 overflow:hidden，而不是 :visible （或者如果它不是继承的，则直接删除它）。

案例#4： 如果您想隐藏文档宽度小于 10000 像素时可能出现的 WINDOW 水平滚动条，请使用案例#2 或将溢出：隐藏添加到父 div

PS。为什么要使用 margin-left:-2000px？:-) 仅用于演示目的吗？希望如此

于 2013-10-09T10:34:24.143 回答