1. 程式人生 > >CSS應用的小問題總結

CSS應用的小問題總結

兩個 定位 放置 布局 元素 方法 它的 我們 絕對定位

1.兩個元素換行書寫時,在實際的布局中展示為兩個元素之間多了一個區間(這個區間通常是因為代碼在換行時,解析會自動默認為一個空格字符),所以在實際應用時,如果想要將兩個元素完全無縫隙的放置在一起並排顯示時,應該註意使用浮動和定位,或者可以通過設置父級元素的font-size:0;的方法;

2.使用絕對定位或者固定定位時,會使元素脫離文檔流,此時元素會在文檔層的上方顯示,可能導致其他元素被擋在下方,不能正常顯示出來。此時就需要設置z-index來解決將脫離文檔流的元素設置層級,以達到顯示效果;

3.很多時候,對於要顯示外框線的元素,我們都會下意識的去設置它的邊框border的屬性值。雖然這樣做是對的,但是在固定了大小的容器中,而要顯示的元素的大小剛剛好,那麽此時就需要設置outline來替代border。(outline只能四個邊同時設置,而border可以分別設置單邊的屬性,使用時應該根據需求來設置)。

CSS應用的小問題總結