位置: 编程技术 - 正文

Firefox下样式设置宽度奇怪现象(firefox怎样调整为中文)

编辑:rootadmin
页面中有一个数据列表,是table,放在一个div窗口中,结构如下: 给 container 设置了样式 #container {width:%; margin:px;} 给 grid 设置了样式 #grid {width:%} 测试结果在IE中正常,在 Firefox 下 container 的实际宽度会超过%而出现横向滚动条,因为Firefox把margin算进了宽度,实际等于%+px>%。 当然可以去掉div的margin定义,改用body的padding来设置,但是页面中有其他内容要占满整个页。 于是以前为了解决这个问题会给div在Firefox区别定义一个width:%,这样好像是解决了问题,但是如果浏览器窗口变小,Firefox下的%+px说不定就又大于%而出现横向滚动条。 出于试试看的心理,我把container的样式改成了#container {width:%-; margin:px},再到Firefox下去看看,呵呵,竟然变得正常了,和IE下一样,真是奇怪了,width:%-这样的定义应该是错误的呀!但是却解决了Firefox把margin算进去的问题,进一步试下,发现随便%减随便一个数字都可以,查了些资料,一直没有明白是什么原因。 或许就是个bug,呵呵!也许哪个高手知道原因。自己做过测试,把代码和截图贴上来: test 数据1 数据2 数据3 数据4 数据5 数据6 数据7 数据8 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

推荐整理分享Firefox下样式设置宽度奇怪现象(firefox怎样调整为中文),希望有所帮助,仅作参考,欢迎阅读内容。

Firefox下样式设置宽度奇怪现象(firefox怎样调整为中文)

文章相关热门搜索词:firefox主页设置,firefox color,firefox菜单在哪,firefox怎样调整为中文,firefox菜单在哪,firefox color,firefox界面,firefox界面,内容如对您有帮助,希望把文章链接给更多的朋友!

html工作中表格<tbody>标签的使用技巧 在做页面的时候,经常要根据不同的操作来显示或隐藏一个表格中的部分内容,隐藏一行直接用tr标签,隐藏多行时用tbody就很方便。tabletbodyid="content1"tr

input为disabled提交后得不到该值的解决方法 inputname="country"id="country"size=value="disabled提交时得不到该值"disabled="disabled"放在form表单中提交后得不到该值。将disabled="disabled"改为readonly="readonly"即可按

Css Reset(复位)方法整理第1/3页 相信看完全文您会对CssReset有个重新的认识PS:*{padding:0;margin:0;}这就是最常用的CssReset,但是这里会有很多问题。原文前部分说了很多关于Css,以及各浏

本文链接地址:https://www.jiuchutong.com/biancheng/375366.html 转载请保留说明!

上一篇:css display:none使用注意事项小结

下一篇:html工作中表格<tbody>标签的使用技巧(html中的表格)

免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

鄂ICP备2023003026号

网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

友情链接: 武汉网站建设 电脑维修 湖南楚通运网络