一些写css样式时遇到的坑

1. body未设置width和weight

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

2. 忽略了div的默认边距
解决办法：前往https://meyerweb.com/eric/tools/css/reset/下载reset.css
引用到项目中去即可，作用是清除默认样式



3. 设置居中的办法
使用margin：(以class=“dm”的div为例)

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

4. 子元素需要使用position:absolute时
子元素使用绝对定位时，父元素必须是relative

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

5. 引入图片的两种办法

• 一种是直接使用<img>标签

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

• 一种是使用background属性来导入图片

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