Блог

На моей странице есть разделы, как показано ниже;

 <div id="container">
    <div id="header">
    </div>
    <div id="sidebar">
        <div id="switch"></div>
        <div id="list"></div>
    </div>
    <div id="viewer"></div>
    <div id="footer">
    </div>
</div>
  

div switch — это кнопка, предназначенная для сжатия sidebar и растягивания viewer . Я хочу, чтобы sidebar полностью сжаться влево и растянуться viewer на оставшееся пространство. Но все равно я получаю разрыв шириной в 5 пикселей. Вы можете взглянуть на мою скрипку здесь. Как я могу это решить??

Заранее спасибо… :)

blasteralfred

Добавьте эту строку в свой css:

 #list {padding-left: 0;}
  

Удалите левое заполнение в #list, и пробел исчезнет.