前言
問題:
比如說我設置了width為100%了,這個時候我需要padding,但是padding-right似乎沒有生效。
正文
原因
實際width=100%容器寬度+padding>容器寬度
實際上padding 生效了,但是沒有給我們顯示出來。
解決方案
box-sizing: border-box
這個屬性可以設置:
內部寬度+padding+border=容器寬度=實際寬度。
比如我設置了寬度為100%,那么個寬度為:父類的寬度(100%)=子類的寬度+padding+border