CSS拉伸到div大小,通常我們需要使用CSS中的寬度和高度屬性來設(shè)置元素的尺寸。如果我們想要一個元素和父級div的寬度一致,我們可以使用width:100%。這樣,元素的寬度將會自動根據(jù)父級div的寬度進行調(diào)整。
.my-element{ width: 100%; }
同理,如果我們想要一個元素和父級div的高度一致,我們可以使用height:100%。但是這種方式實現(xiàn)并不是很理想,因為一個元素的高度通常是由其內(nèi)容撐起的。換句話說,兩個具有相同高度的div可能具有不同的高度,具體取決于它們的內(nèi)容。但是,如果我們想要一個元素和父級div的高度保持一致,可以嘗試使用絕對定位以及top和bottom組合的方式實現(xiàn)。
.my-element{ position: absolute; top: 0; bottom: 0; }
這樣,我們的元素會鋪滿整個父級div,并和父級div的高度保持一致。