CSS 中的 width 屬性常常用來指定元素的寬度,但如果想要讓子元素的寬度與其父元素一樣,則需要一些特殊的處理。
.parent { position: relative; width: 500px; } .child { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
想要讓子元素的寬度與父元素一樣,就需要用到position: absolute
。這樣子元素就可以根據父元素的尺寸和邊框來撐滿。
再設置子元素的上下左右邊距都為 0,就可以達到與父元素寬度相等的效果。
需要注意的是,父元素必須設置 position 屬性為 relative 或者其他非 static 的值,否則子元素的絕對定位會相對于文檔而非父元素。
此外,如果父元素的寬度是由其內容決定的(例如沒有設置 width 屬性或者寬度值為 auto),則無法使用以上方法使子元素與父元素寬度相等。
上一篇mysql的實例用戶名
下一篇mysql的官網下載地址