不好意思 第一次使用这个,我简单介绍下,导航,是水平的,这里没有加css,所以你们看到的应该是垂直的。其长相跟appstore的排行榜是一模一样的。就是个3等分,选中有个背景蓝色,未选中是白色,整体有个蓝色边框。现在的问题是设置宽度33.33%,boxSizing: borderBox;,设置borderLeft: 1px然后设置ul元素marginLeft: -1px, 在选中第3个li的时候右边是有空隙的,一定是宽度没有达到100%,并且还加上了那1px 所以请帮助我下。谢啦。仅iphone与chrome-pc无此问题。
希望这篇文章能给你一点思路:等分p的四种方式(算上评论中的flex)
你用的li,我就用ul>li*3的结构来说明吧。
微信不支持伸缩盒最新版的
display:flex;
但是支持老版本的display:box;
写法,当然是需要-webkit-
前缀的。flex 子元素需要 display: block