Сделать кнопку заполнить полную ширину элемента контейнера? ⇐ CSS

[Anonymous]

Я преобразую из использования div в качестве кнопок в реальные кнопки, и теперь мне нужно сделать кнопки заполнить полную ширину контейнера. < /p>

< /p>

код:

class = "Snippet-Code-CSS Lang-CSS PrettyPrint-override">

Код: Выделить всё

.container {
background-color: #ddd;
padding: 10px;
max-width: 500px;
margin-left: auto;
margin-right: auto;
}

.button {
display: block;
background-color: #bbb;
margin: 10px;
padding: 10px
}< /code>



Fills the full width


Does not fill the full width

Добавление дисплея: block to .button не работает (хотя я уверен, что это должно быть частью ответа?), И не осталось: 0; Справа: 0 . Ширина: 100% виды работы, но он игнорирует свойство заполнения контейнера и делает кнопку подходить слишком близко к правой стороне контейнера.>

Подробнее здесь: https://stackoverflow.com/questions/305 ... er-element