CSS寬度100%是指該元素在水平方向上占用了其父元素可用空間的全部。如果該元素是頂級元素,則占用了整個瀏覽器窗口的水平空間。
/* 示例代碼 */ .parent { width: 500px; } .child { width: 100%; }
在上面的代碼中,.parent是一個具有固定寬度的父元素,.child是一個希望占用全部可用空間的子元素。設置.child的寬度為100%可以確保它完全填充了.parent的水平空間。
需要注意的是,CSS寬度100%對于內聯元素來說沒有意義。因為內聯元素本來就是根據其內容寬度進行布局的,如果給它們設置了100%寬度,可能會導致其父級元素出現意料之外的布局問題。
下一篇css寬高樣式特征