Question

我想定位一个div，因此它似乎位于网站的mainwrapper（980px）之外。问题是我不希望在1024px中有水平滚动条。

css或jquery解决方案会很棒

任何想法？

外侧位应位于右侧，而不是左侧

Answer 1

为主包装器提供relative的位置，并将子元素放在absolute的位置。然后，您可以使用left和top定位孩子。

<style>
  body { overflow-x:hidden }
  #wrapper { position:relative }
  #floating-sidebar { position:absolute; top:0; left:-100px; width:100px }
</style>
<div id="wrapper">
  <div id="floating-sidebar">
    <p>Lorem ipsum...</p>
  </div>
</div>

任何jQuery解决方案都可以作为上述方法的中间人，或类似的方法。

Answer 2

的CSS：

overflow-x: hidden;

是一种蛮力的分类方法

Answer 3

使用绝对定位

以下是一个例子：

<style>
    #outsideDiv { position:absolute; left:90%; top:0; }
</style>

<div id="container">
    <div id="innerContainer">
        <p>his is some sample text</p>
    </div>
    <div id="outsideDiv">
        <p>This is the text displayed outside the div container</p>
    </div>
</div>

定位div所以它似乎在mainwrapper之外（980px）

3 个答案: