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%;
}
网友评论