收藏本站腾讯微博新浪微博

经典论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

蓝色理想 最新研发动态 网站开通淘帖功能 - 蓝色理想插件 论坛内容导读一页看论坛 - 给官方提建议

论坛活动及任务 地图和邮件任务 请多用悬赏提问 热夏来袭,选一款蓝色理想的个性T恤吧!

手机上论坛,使用APP获得更好体验 急需前端攻城狮,获得内部推荐机会 论坛开通淘帖功能,收藏终于可以分类了!

搜索
查看: 2187|回复: 1

[CSS] 如何控制li的最后一个样式,不需要单独添加的。

[复制链接]
发表于 2012-4-28 09:51:24 | 显示全部楼层 |阅读模式
想请问下,有没有办法说让同一排的最后一个li不要单独加填充,自适应的外填充是0px的效果呢?
有一种是在ul里加比总的宽度大的时候,就可以了。(ie6下会整体内容偏左了。)然后就是当你把屏幕分辨率调成1003的时候会出现横向滚动条。

 提示:您可以先修改部分代码再运行


补充内容 (2012-4-28 10:05):
单独测试又可以,,好纠结~~

补充内容 (2012-4-28 10:37):
可以了。。╮(╯▽╰)╭太心急。。。为什么不能删除帖子,也不能编辑的呀?之前不是可以编辑的吗?
发表于 2012-5-2 09:58:13 | 显示全部楼层
你宽度计算有问题

img: 265px(width) + 10*2px (padding) + 2px(border) = 287px
li    : 287px(width) + 60px(margin-right) = 347px;
ul   : 347 * 3 = 1041px
main: 347 * 3 - 60 = 981px;
.main,
.main ul,
.main li {font-size:0;margin:0;padding:0;}
.main {margin:0 auto;width:981px;overflow:hidden;position:relative;}
.main ul {width:1041px;}
.main ul li {float:left;margin-right:60px;width:265px;padding:10px;border:1px solid #f5dce2;} /* padding 放到img的容器更合适 */
.main li img {width:265px;}
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

QQ|小黑屋|Archiver|手机版|blueidea.com ( 湘ICP备12001430号 )  

GMT+8, 2020-10-21 09:43 , Processed in 0.095460 second(s), 9 queries , Gzip On, Memcache On.

Powered by Discuz! X3.2 Licensed

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表