该现象重现代码如下:
<!DOCTYPE HTML>
<HTML>
<HEAD>
</HEAD>
<BODY>
<div align="center" style="width:500px;border:1px solid gray;">
<table id="a" style="width:100px;background:gold;"><tr><td>
table
</td></tr></table>
</div>
<p>
<input type="button" value="modify table margin" onclick="modify()"/>
</p>
<script>
var i = 0;
function modify(){
i = i + 100;
var obj = document.getElementById('a');
obj.style.marginLeft = i+'px';
}
</script>
</BODY>
</HTML>
当点击按钮modify table margin时,函数modify会修改talbe的margin,以下是各浏览器的表现
IE/Firefox/Opera : 每点击一次都会移动100px
Safari/Chrome : 点击后不移动
当利用修改margin来实现图片滚动的效果webkit浏览器中将失效。
把父元素div的align属性删掉或align=left都不会重现该bug。
分享到:
相关推荐
如何去掉DIV与DIV的空白,设置margin和padding为0及overflow:hidden可以做到,下面有个示例,感兴趣的朋友可以参考下
下面小编就为大家带来一篇CSS 之margin知识点(必看)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
如上图中红色的9个div它们中间有间距,而最左边和最右边是没有间距的,这种布局如果使用css3的flex来实现是非常简单的,而如果要使用float布局就需要一些特殊的技巧了。 实现原理 红色的9个div左浮动,左右margin为...
驱动程序,专门用于GPS的使用过程中的一些问题,大家只有下载了这个软件才能正常使用
margin 实现下拉刷新 支持listview和srcollview
CSS Flat 将CSS样式格式化为单条样式,开发时只需要按照正常文件书写: .className { display: block; color: red; margin: 0 auto; } .className:hover { color: green; magin-top: 10px; } Flat化之后: .a-d...
描述: 当binja启动时,此插件将启动IPython内核,可使用例如'jupyter console --existing'将其附加到要访问诸如当前打开的二进制视图之类的变量,请使用'%load_ext binjamagic'加载扩展名可以从插件仓库的根目录...
如果使用OfflineImageViewr会占用大量的内存,很多时候甚至是不现实的,所以开发一个简单的summary程序方便查看状态十分必要。 首先看一下FSImage文件的结构,FSImage文件按照Section进行存储, 1.MAGIN_HEADER (...
kibana + logstash + filebeat 都是 7.8.0版本下载-Linux