CSS自動填充寬度是指使用CSS屬性設置元素的寬度時,可以通過設置位置屬性為“absolute”或“fixed”,或者設置display屬性為“table-cell”或“inline-block”,實現自動填充寬度的效果。
position屬性的absolute和fixed值可以讓元素不受父元素的限制,直接基于瀏覽器窗口設置寬度。例如:
#box{ position: absolute; left: 0; right: 0; }
這段CSS將元素#box設置為絕對定位,左邊距離為0,右邊距離為0,這樣#box就會自動填充滿瀏覽器窗口的寬度。
display屬性的table-cell和inline-block值可以讓元素基于其內部內容設置寬度。例如:
#box{ display: table-cell; }
這段CSS將元素#box設置為表格單元格,它會自動填充其所在行的剩余寬度。
需要注意的是,在使用自動填充寬度時,必須把元素放在父元素中,并且父元素不能設置固定寬度,否則自動填充寬度無法生效。
上一篇css能取父類的樣式嗎
下一篇css自動填充屏幕