数码资讯
Firefox下样式设置宽度的奇怪现象
选购提示
关注价格、性能、续航、售后和真实使用场景,理性比较后再下单。
页面、表、div窗口中有一个数据列表,结构如下:
复制代码代码如下所示:
…列表数据…
设置样式#容器{宽度:容器的100%;保证金:10px;}
设置样式#网格{ 100% }为网格的宽度:
在IE中正常的测试结果,在Firefox的容器的实际宽度将超过100%和水平滚动条,因为在实际宽度的Firefox的保证金,等于100% + 20px > 100%。
当然,您可以删除div的边距定义,而不是使用正文的填充,但是页面中还有其他内容来填充整个页面。
因此,为了解决这个问题,div将在过去定义Firefox的宽度:98%,这似乎解决了这个问题。但如果浏览器窗口较小,98% + 20px下火狐可能超过100%,而横向滚动条就会出现。
试试看,我把容器风格融入#容器{宽度:100% - 20;保证金:10px },火狐去看看,哈哈,变得正常,像IE,真是奇怪,宽度:100%—20这个定义应该是错的啊!但它解决了Firefox计算利润的问题,并进一步尝试了它。发现任何100%个减去一个随机数都可以被检查,一些信息已经被搜索。
也许是虫子,哈哈!也许高手知道原因,你已经做了测试,把代码和截图放上去了。
数据1
数据2
数据3
数据4
数据5
数据6
数据7
数据8
{备注:对于外部JS的引入,需要执行刷新}
复制代码代码如下所示:
…列表数据…
设置样式#容器{宽度:容器的100%;保证金:10px;}
设置样式#网格{ 100% }为网格的宽度:
在IE中正常的测试结果,在Firefox的容器的实际宽度将超过100%和水平滚动条,因为在实际宽度的Firefox的保证金,等于100% + 20px > 100%。
当然,您可以删除div的边距定义,而不是使用正文的填充,但是页面中还有其他内容来填充整个页面。
因此,为了解决这个问题,div将在过去定义Firefox的宽度:98%,这似乎解决了这个问题。但如果浏览器窗口较小,98% + 20px下火狐可能超过100%,而横向滚动条就会出现。
试试看,我把容器风格融入#容器{宽度:100% - 20;保证金:10px },火狐去看看,哈哈,变得正常,像IE,真是奇怪,宽度:100%—20这个定义应该是错的啊!但它解决了Firefox计算利润的问题,并进一步尝试了它。发现任何100%个减去一个随机数都可以被检查,一些信息已经被搜索。
也许是虫子,哈哈!也许高手知道原因,你已经做了测试,把代码和截图放上去了。
数据1
数据2
数据3
数据4
数据5
数据6
数据7
数据8
{备注:对于外部JS的引入,需要执行刷新}
声明:本文内容用于数码产品信息整理与选购参考,具体价格、库存、售后政策以官方渠道和电商页面实时信息为准。