Вопросы Теги

Как Вы реализуете фиксированную левую боковую панель и жидкое правильное содержание в CSS

Я страдал от головной боли, как сделать мое жидкое содержание, будет плавать для исправления.

  1. оставленная боковая панель является фиксированным размером.
  2. правильное содержание является жидким размером.

Здесь и пример мой html и css

Как сделать мой id="content" будет плавать на праве?

10
задан caub 30 October 2015 в 20:05
поделиться

2 ответа

Установите маржу и удалите float / width в #content, например:

HTML: 

<div id="wrapper">
  <div id="sidebar">Sidebar</div>
  <div id="content">Content</div>
</div>

CSS: 

#wrapper {
    width:400px;
    overflow:hidden;
    padding:10px;
}
#sidebar {
    float:left;
    width:100px;
}
#content {
    margin: 0 0 0 100px;
}
div {
    border:1px solid #333;
}

http://jsfiddle.net/HWMJc/1/

15
ответ дан 3 December 2019 в 23:10
поделиться

Не используйте 100% ширину в #content.
70% работает, но между двумя элементами есть небольшой зазор. Однако вы можете отрегулировать его, чтобы он лучше подходил.

-4
ответ дан 3 December 2019 в 23:10
поделиться