IE6外边距叠加BUG

最新推荐文章于 2024-09-14 22:25:22 发布

sw3358335

最新推荐文章于 2024-09-14 22:25:22 发布

阅读量238

点赞数

分类专栏： CSS兼容前端开发文章标签： ie6 测试浏览器 bug

本文链接：https://blog.csdn.net/sw3358335/article/details/40594105

版权

前端开发同时被 2 个专栏收录

2 篇文章 0 订阅

订阅专栏

CSS兼容

1 篇文章 0 订阅

订阅专栏

首先是wbody部分的样式，边距为30pxauto居中。 @img

其次是bottombody部分，上边距为40下边距50，auto左右居中。

在IE6中就会留出大约72px左右的距离（取70）

也就是说在IE6中会吧外边距叠加，在其他的浏览器中这不会叠加，经测试IE6，IE7都会，IE8开始不会（IE8已有较大进步）。

解决办法：

1.两个边距删减一个

2.对里面那个设置display:inline

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

sw3358335

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

IE6 双倍水平外边距BUG以解决方案

何东狮吼

07-27

2155

解决办法：设置display:inline解决。原因分析：块框对象默认的display属性值是block，当设置了浮动同时设置了外边距就会出现这情况。并且，因为浮动都有其相对应的对象，只有相对于其父对象的浮动才会出现这样的问题。第一个对象是相对父对象的，而第二个对象是相对第一个对

不要告诉我你懂margin

dgk62408的博客

06-27

1158

你真的了解margin吗？你知道margin有什么特性吗？你知道什么是垂直外边距合并？margin在块元素、内联元素中的区别？什么时候该用padding而不是margin？你知道负margin吗？你知道负margin在实际工作中的用途吗？常见的浏览器下margin出现的bug有哪些？…… 写css，你少不了与margin打交道，而对于这个平时我们最常用的css属性我们并非十分了解。介于...

参与评论您还未登录，请先登录后发表或查看评论

ie6,ie7,ie8 css bug兼容解决记录

Frey_Yang的博客

12-02

465

1：li边距“无故”增加任何事情都是有原因的，li边距也不例外。先描述一下具体状况：有些时候li边距会突然增加很多，值也不固定（只在IE6/IE7有这种现象），让人摸不着头脑，仔细“研究”发现是由于其低级元素ul的padding引起，padding的上下值对li有影响，左右无影响。所以只好笨手笨脚地把padding去掉，换成margin。这是能解决问题，但往往不是我们想要的结果，或许

IE6常见CSS解释BUG及hack

weixin_30407613的博客

07-25

1、图片有边框bug hack：给图片添加border:0或border:0 none。 2、图片有间隙 hack1：将div与img并排写在一行。 hack2：将img转为块状元素，即添加声明display:block。 3、dt，li中图片有间隙 hack：将img转为块状元素，添加声明display:block。 4、双倍浮动（双倍边距，只有IE6出现） ha...

常用的ie6,ie7,ie8 css bug兼容性解决

adobe1992

07-26

575

断断续续的在开发过程中收集了好多的bug以及其解决的办法，都在这个文章里面记录下来了！希望以后解决类似问题的时候能够快速解决，也希望大家能在留言里面跟进自己发现的ie6 7 8bug和解决办法！ 1：li边距“无故”增加任何事情都是有原因的，li边距也不例外。先描述一下具体状况：有些时候li边距会突然增加很多，值也不固定（只在IE6/IE7有这种现象），让人摸不着头

【转】 IE6 IE7 IE8 css bug兼容性解决方法总结归纳

anju2054的博客

11-10

那些盒模型在IE6中的BUG们，工程狮的你可曾遇到过？

懂点君

05-28

576

随着HTML5技术的快速发展，IE6逐渐的退出了历史的舞台。回想过往，人们在XP系统上，使用着IE6浏览器，前端工程师们痛恨着IE6的存在，满怀期待的希望IE6的市场占有率能有所下降。在过往的今天，前端工程师终于梦想成真的。小编总结罗列了一下IE6的问题，跟大家分享一下。

IE6 7 8BUG锦集

weixin_30470857的博客

04-21

１、浮动元素的双倍margin 说明：这是IE６及其以下版本的一个经典的BUG，触发这个BUG产生的条件是给元素设置了浮动并且同一方向设置了margin值。来看以下代码： <style type="css/text"> body,div { margin:0; padding:0; } .wrap { width:300px; height:100px; background...

IE6/7/8/CSS/BUG以及兼容问题解决方法

拾光

02-16

1599

ie6,ie7,ie8 css bug汇总以及兼容解决方法1：li边距“无故”增加　　任何事情都是有原因的，li边距也不例外。　　先描述一下具体状况：有些时候li边距会突然增加很多，值也不固定（只在IE6/IE7有这种现象），让人摸不着头脑，仔细“研究”发现是由于其低级元素ul的padding引起，padding的上下值对li有影响，左右无影响。所以只好笨手笨脚地把padding去掉，换成

CSS常见Bug及其修正方法

08-12

- **问题描述**：在IE浏览器中，当同时设置元素的`width`、`padding`和`border`时，它们会叠加在一起计算总宽度，而不是像其他浏览器那样分别计算。 - **修正方法**：可以使用内部嵌套的div来解决这个问题，只在外部...

CSS多浏览器兼容总结(个人经验)

12-04

6. **margin重叠问题**：当两个相邻的元素都有外边距时，IE和Firefox的处理方式不同。IE会取较大值，而Firefox不会叠加。可以使用负的margin或者额外的包裹元素来解决。 7. **列表缩进问题**：消除`ul`和`ol`的缩进...

element UI中flex布局下el-table宽度自适应在IE下出现一直加载宽度的bug解决

u013994400的博客

03-01

634

element-ui 表格列会动态持续增加

关于CSS小三角的实现,小三角边框的实现，IE6下CSS小三角非透明的情况

lu10505的博客

01-10

231

原理： 1、盒子有高度情况下边框的样式代码： .inside{ width: 20px; height: 20px; border-width: 10px; border-style: solid; border-color: #f30 #00f #333 #ff0; } 效果如下： 2、盒子没有高度情况下边框的样式代码： .ins...

【二分查找】1348. 推文计数

闻缺陷则喜何志丹

09-13

689

一家社交媒体公司正试图通过分析特定时间段内出现的推文数量来监控其网站上的活动。这些时间段可以根据特定的频率（每分钟、每小时或每一天）划分为更小的时间段。例如，周期 [10,10000] （以秒为单位）将被划分为以下频率的时间块 : 每分钟 (60秒块)： [10,69], [70,129], [130,189], ..., [9970,10000] 每小时 (3600秒块)：[10,3609], [3610,7209], [7210,10000] 每天 (86400秒块)：

白盒测试与黑盒测试

最新发布

yang_xs的博客（只讲干货）

09-14

586

特性白盒测试黑盒测试测试视角了解软件内部结构，关注代码细节不了解内部结构，只关注功能和界面测试内容测试代码逻辑、路径、数据流测试软件功能、性能、用户界面测试方法语句覆盖、分支覆盖、路径覆盖等价类划分、边界值分析、错误推测优点发现代码中的隐藏错误，提高代码质量贴近用户操作，发现功能缺陷缺点测试范围有限，难以发现外部接口问题无法发现内部逻辑错误，需大量测试用例白盒测试和黑盒测试通常结合使用白盒测试侧重于代码的正确性黑盒测试则模拟用户操作，验证软件的功能性。+++

如何用Appium实现移动端UI自动化测试？

zhangsiyuan1998的博客

09-14

1079

要实现App的自动化测试，实现Appium工具的入门：1-首先在windows下安装jdk，Android-sdk环境2-安装appium桌面工具3-安装模拟器（比如雷电模拟器），或者使用真机4-安装python的依赖包（Appium-Python-Client）5-启动appium服务器，启动模拟器，然后在pycharm中运行demo脚本，即可看到运行效果接下来可以学习下常用的appium的api、学习如何进行元素定位、然后再学习PO模式的封装，即可完成appium工具的入门和使用。

转行软件测试工程师经验总结

2402_84109700的博客

09-12

548

数据安全官，CCRC-DSA数据安全评估师，CCRC-DCO数据合规官，CDO首席数据官, ITSS IT服务项目经理，IT服务项目工程师，ISO27001,CISP,软考,CISAW应急服务方向,CISAW渗透测试方向,软考,CCSC网络安全能力,工信部教考中心计算机网络安全相关认证办理。在测试理论方面，要熟悉常用的测试用例设计方法，理解不同测试类型的特点，掌握测试用例的基本格式，以及测试结束的标准。最终，我如愿以偿地加入了一家互联网公司，这里的办公环境优越，薪资也较之前的工作有所提升，使我心情愉悦。

使用豆包MarsCode编程助手提升开发效率的实战分享！

**My Coding Family**

09-13

1221

何为MarsCode？这里我先给大家科普一下，免有的同学云里雾里。豆包MarsCode编程助手，它是由豆包推出的一款全方位的AI编程助手，旨在通过智能化的技术提升开发者的工作效率和代码质量。MarsCode支持多种主流编程语言（如Python、Java、JavaScript、C++等）和集成开发环境（IDE），能够在开发过程中提供实时的代码补全、优化建议、单元测试生成、Bug修复以及代码解释等多种功能。