1.兩個元素換行書寫時,在實際的佈局中展示為兩個元素之間多了一個區間(這個區間通常是因為代碼在換行時,解析會自動預設為一個空格字元),所以在實際應用時,如果想要將兩個元素完全無縫隙的放置在一起併排顯示時,應該註意使用浮動和定位,或者可以通過設置父級元素的font-size:0;的方法; 2.使用絕對 ...
1.兩個元素換行書寫時,在實際的佈局中展示為兩個元素之間多了一個區間(這個區間通常是因為代碼在換行時,解析會自動預設為一個空格字元),所以在實際應用時,如果想要將兩個元素完全無縫隙的放置在一起併排顯示時,應該註意使用浮動和定位,或者可以通過設置父級元素的font-size:0;的方法;
2.使用絕對定位或者固定定位時,會使元素脫離文檔流,此時元素會在文檔層的上方顯示,可能導致其他元素被擋在下方,不能正常顯示出來。此時就需要設置z-index來解決將脫離文檔流的元素設置層級,以達到顯示效果;
3.很多時候,對於要顯示外框線的元素,我們都會下意識的去設置它的邊框border的屬性值。雖然這樣做是對的,但是在固定了大小的容器中,而要顯示的元素的大小剛剛好,那麼此時就需要設置outline來替代border。(outline只能四個邊同時設置,而border可以分別設置單邊的屬性,使用時應該根據需求來設置)。