样式问题解决记录

一、制作外贸综合服务页面：

1、去除链接下面的下划线

text-decoration: none;

2、去除ul前面的原点

list-style: none;

3、li元素横向展示：float:left和display:inline-block都可以解决这个问题

4、浮动导致父元素高度坍塌,给浮动元素的容器添加一个clearfix的class,给这个class添加一个::after伪元素实现元素之后添加一个看不见的块元素清理浮动。

.cf::after{

    content: "";

    clear: both;

    display: table;

}

5、line-height:行间距，line-hight:50px和height:50px，看上去有垂直居中的效果

6、套在父级div中的子div，跑到父级div的外部

原因：标签在浏览器有默认样式

解决方案：在html文件中引入reset.css，重置浏览器设置