1. body未設(shè)置width和weight

body {
    width: 100%;
    height: 100%;
}

2. 忽略了div的默認(rèn)邊距
解決辦法：前往https://meyerweb.com/eric/tools/css/reset/下載reset.css
引用到項目中去即可，作用是清除默認(rèn)樣式



3. 設(shè)置居中的辦法
使用margin：(以class=“dm”的div為例)

.dm {
    width: 5.4rem;
    margin: 0 auto;
}

4. 子元素需要使用position:absolute時
子元素使用絕對定位時，父元素必須是relative

.a{
    position: relative;
    .b{
        position: absolute;
     }
}

5. 引入圖片的兩種辦法

• 一種是直接使用<img>標(biāo)簽

<img class="searchlogo" src="./images/main/main-30.png" />

• 一種是使用background屬性來導(dǎo)入圖片

.searchbox {
    background: url('../images/main/main-32.png');
    background-size: 100% 100%;
}