为什么用css样式做出来的商品列表下边总是对不齐,css样式中哪里出错了,高人帮忙看看

html-css035

为什么用css样式做出来的商品列表下边总是对不齐,css样式中哪里出错了,高人帮忙看看,第1张

你要放也把全部的代码放出来啊,下面的html没有也不好判断

css这个东西需要熟练掌握才能知道哪里出问题,看到你写了这么多padding,margin,问题应该就出在这里了,padding,margin这些会叠加,或者不叠加,这个出来效果是不一样的

真不了解就建议固定高度,然后写一个overflow:hidden就解决了

为什么组件的css文件会报错:

1、页面外部引用样式过多。

譬如关于ul的margin定义,在格式化的css中会声明为0,而在基本样式的css中又可能会声明margin:5px 10px

所以在Yslow中会出现多次定义。

2、组件复用性的考量。

譬如表单定义的css中定义了所有表单的修饰,而假定在注册这个页面中只是需要这个css的百分之三十。那是否应切割出去那不要的百分之七十?

综合以上的二个问题,个人认为解决的方式便是封装,让该有的有,不该有的没有。尽量减少http连接数和css的大小。但如果彻底是这样做的话,css的复用性又会变得很差,后期手工的封装会很痛苦。

3、到底该不该支持em?

可见如要支持em,最大的目的是为了在浏览器中可以根据用户的分辨率大小自由缩放,对于拥有超大显示器的用户与小显示器的用户是非常有用的。可是在采集我们用户的浏览器数据后,发现分辨处于这二端的用户非常少,可想而知,为这部分的用户多花比正常开发一倍以上的时间显然是件不划算的事情,所以当初在开发tbsp的时候,团队就决定了不支持em。当然这是个建议,也希望能使用em带给用户最好的感受。