Korrektur von 100% Breite mit Anker unter Berücksichtigung des Hinzufügens von Padding

Question

Also, ich habe eine Klasse, die das Aussehen für einen bestimmten Ankertyp ändert, den ich benutze, aber das Problem ist, dass die Browser die 30 Pixel Padding, die ich festgelegt habe, zur definierten Breite von 100% hinzufügen, so dass sie über die Box hinausragt, in der sich der Anker befindet.

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%;
}

Kann jemand eine Möglichkeit denken, wie der Anker innerhalb der Grenzen der Box bleiben kann?

Answer 1

Entfernen Sie einfach das width: 100%, da das a als Blockelement deklariert ist, wird es auf die maximale verfügbare Breite gedehnt, ohne darüber hinauszugehen.

Answer 2

Entfernen Sie das width: 100%;, das das Problem verursacht hat, da Sie bereits das display auf 'block' gesetzt haben, ist das width: 100% nicht erforderlich, da Blockelemente die verfügbare Breite des Containers einnehmen.