关于内层div设置margin-top不起作用的解决方案
解决方案 设置 关于 div Top 不起作用 margin
2023-09-11 14:19:01 时间
代码如下:
<div>上部层</div>
<div> <!--父层-->
<div style="margin-top:200px;">子层</div>
</div>
理想中的效果是父层和上部层贴边显示,子层距离父层顶部有200px的距离,在ie中正常,但是在ff中却出现问题,子层和父层贴边了,而父层和上部层却间隔了200px。
百思不得其解,求助google,得到如下的一句:
当两个容器嵌套时,如果外层容器和内层容器之间没有别的元素,firefox会把内层元素的margin-top作用与父元素。
也就是说因为子层是父层的第一个非空子元素,所以使用margin-top会发生这个错误。
解决的办法有两个:
1、使用浮动来解决,即将子层代码改为:<div style="margin-top:200px;float:left";>子层</div>
2、使用padding-top来解决,即:
<div style="padding-top:200px;">
<div>子层</div>
</div>
相关文章
- Textarea自动适用高度且无滚动条解决方案
- 【问题解决方案】在某个文件夹下打开命令提示符或Git Bash
- EasyDSS RTMP流媒体服务器videojs flash播放RTMP/HLS提示错误的解决方案
- 【问题解决方案】Markdown正文中慎用星号否则容易变斜体
- Atitit.加密算法 des aes 各个语言不同的原理与解决方案java php c#
- atitit.浏览器插件解决方案----ftp插件 attilax 总结
- 关于Visual Studio下载Qt插件很慢的解决方案之一
- Cocos2d-x 3.2编译Android程序错误的解决方案
- 002-pro ant design-Unexpected end of JSON input while parsing near '...错误解决方案
- 中文输入法在vs2010中失效解决方案
- 政企解决方案 | 携手一线城市政企,打造可观测性国产化政务平台