开发者社区> 问答> 正文

css 3等分不使用flex(微信不支持)

•未使用红包
•已使用红包
•已过期红包

不好意思 第一次使用这个,我简单介绍下,导航,是水平的,这里没有加css,所以你们看到的应该是垂直的。其长相跟appstore的排行榜是一模一样的。就是个3等分,选中有个背景蓝色,未选中是白色,整体有个蓝色边框。现在的问题是设置宽度33.33%,boxSizing: borderBox;,设置borderLeft: 1px然后设置ul元素marginLeft: -1px, 在选中第3个li的时候右边是有空隙的,一定是宽度没有达到100%,并且还加上了那1px 所以请帮助我下。谢啦。仅iphone与chrome-pc无此问题。

展开
收起
杨冬芳 2016-06-01 12:53:25 2578 0
1 条回答
写回答
取消 提交回答
  • IT从业

    给你一点思路
    screenshot
    screenshot
    screenshot
    screenshot
    screenshot
    screenshot
    要注意的是,使用列布局时,其包含的内容本身的宽度必读大于等于容器宽度,在大于容器宽度时,会自行增加列数

    2019-07-17 19:23:06
    赞同 展开评论 打赏
问答排行榜
最热
最新

相关电子书

更多
微信广告引擎与播放节奏算法实践 立即下载
微信H5视频播放器在海量业务下的实践 立即下载
微信高效运维之路 立即下载