css - 仿照大麦网“亲子”网页写代码遇到padding问题

问题描述

问 题

请问，为何我的亲子li元素始终无法和大麦网里面的效果一样呢？看了下他们的原css设置，没看出有什么区别呢?
我的html代码：
https://github.com/hicheer/qu...
css代码：
https://github.com/hicheer/qu...

解决方案

大麦的那个红快？是display:block或者inline-block;你的是inline．．．就这样...

更新：
问题在这里啊．
choose-left li {

display: list-item;
float: left;
font-size: 14px;
margin: 0;
padding: 16px 30px;

}

改成display: block;就可以咯；

不行的花，我再看看...唔

这篇关于css - 仿照大麦网“亲子”网页写代码遇到padding问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！