расположите div так, чтобы он находился вне mainwrapper (980px)

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

использовать абсолютное позиционирование

Вот пример:

<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>

Answer 3

css:

overflow-x: hidden;

Это грубый способ сортировки