使用填充物添加填充物来校正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％