我正常状态应该是上图所示
换浏览器有时候会偏移成上图这样，
我想不管怎么放大缩小都是3行3列，
急求前端- -解决下
ul li左浮动，页面缩放偏移问题
- 写回答
- 好问题 0 提建议
- 追加酬金
- 关注问题
分享- 邀请回答
-
2条回答 默认 最新
ying_zcx 2017-11-06 08:22关注列宽度使用百分比，3列加起来刚好是100%
本回答被题主选为最佳回答 , 对您是否有帮助呢?解决评论 打赏无用 1举报 分享
- 2017-11-06 08:05回答 2 已采纳 列宽度使用百分比，3列加起来刚好是100%
- 2021-12-07 16:57回答 3 已采纳 浮动是相对于父级元素的，li是相对于ul进行右浮动的，可能你ul的宽度就不足以撑满整个页面，所以li没到页面最右侧你审查元素看看分别点击ul 和li ，看看大小位置，然后看看它们的float样式有
- 2022-06-10 17:31回答 2 已采纳 用diaplay:flex如果要用浮动，把html跟css贴下
- 2021-07-03 02:37G行为的博客 在Firefox及IE8中出现同样的问题，IE7下不会出现该问题。原因：Firefox及IE8中，在缩放网页显示比例小于100%时，对容器的border属性默认不做处理，仍为1px。这样两个div的最后总宽度仍大于外层宽度，自动溢出到下一...
- 2022-09-18 19:28回答 1 已采纳 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <
- 2021-06-12 16:08回答 3 已采纳 给ul加个display:flex
- 2021-11-26 19:21回答 2 已采纳 padding-left：设置左边距（内边距） padding-right：设置右边距（内边距）margin-left：设置左边距（外边距）margin-right：设置右边距（外边距） <
- 2022-07-10 08:35勤奋好学额小伙的博客 JAVA前端HTML页面设计
- 2022-07-12 23:23回答 2 已采纳 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <
- 2022-06-20 09:47回答 1 已采纳 没问题 <ul> <li>1</li> <li>11</li> <li>122
- 2021-12-06 16:41回答 2 已采纳 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">
- 2022-03-06 17:42小泽今天早睡的博客 promise是为解决异步处理回调金字塔问题而产生的 三、Promise的两个特点 1、Promise对象的状态不受外界影响 1）pending 初始状态 2）fulfilled 成功状态 3）rejected 失败状态 Promise 有以上三种状态，只有异步...
- 2022-09-18 01:46回答 1 已采纳 在.box ul这里加入去掉上外边距和去掉内左边距即可 .box ul{ background-color:red; width:158px; height:180px; list-style:non
- 2022-09-20 11:22张小白的 java笔记的博客 h1-h6 特点： 独占一行， 字体加粗， 自带上下间距 水平分割线：hr 段落标签：p 特点： 独占一行 自带上下间距 换行： br 加粗：b 斜体：i 下划线：u 删除线：s 列表标签 无序列表： ul和 li 有序列表： ol和li 列表...
- 2022-06-09 16:40yggjdle的博客 推荐大家的使用本篇文章的方式： 先看问题自己会不会，如果会的话，要自己说一遍，组织好语言。 CSS的面试内容主要可以分四个部分： CSS基础、页面布局、定位与浮动和场景应用 CSS部分会涉及到代码的编写，需要自己...
- 没有解决我的问题, 去提问
悬赏问题
- ¥15 素材场景中光线烘焙后灯光失效
- ¥15 请教一下各位，为什么我这个没有实现模拟点击
- ¥15 执行 virtuoso 命令后，界面没有，cadence 启动不起来
- ¥50 comfyui下连接animatediff节点生成视频质量非常差的原因
- ¥20 有关区间dp的问题求解
- ¥15 多电路系统共用电源的串扰问题
- ¥15 slam rangenet++配置
- ¥15 有没有研究水声通信方面的帮我改俩matlab代码
- ¥15 ubuntu子系统密码忘记
- ¥15 保护模式-系统加载-段寄存器