Исправление 100% ширины с добавлением анкеров в дополнение

Question

Хорошо, у меня есть класс, который изменяет внешний вид для определенного типа якоря, который я использую, но проблема в том, что браузеры продолжают добавлять 30 пикселей отступа, которые я установил, на определенную 100% ширину. таким образом, он простирается мимо коробки, в которой находится якорь.

div.box div div div a.option_line {
    cursor: pointer;
    display: block;
    font-weight: normal;
    min-height: 30px;
    padding: 0px 10px 0px 20px;
    text-align: justify;
    width: 100%;
}

Может кто-нибудь придумать, как заставить якорь оставаться в границах коробки?

Answer 1

Просто выньте width: 100%, так как a объявлен элементом блочного уровня, он растянется до максимальной доступной ширины, не переходя.

Answer 2

Снять ширину: 100%; Это вызвало проблему, так как вы уже установили отображение «блокировать» ширину: 100% не требуется, поскольку элементы блока занимают доступную ширину контейнера