margin-top失效的解决办法

最近工作时发现margin-top在火狐和谷歌中没预期的效果。失效，

html代码：

css样式

.box{ width:500px; height:300px; margin:0 auto; background-color:#0099FF;}
.box2{ width:200px; height:100px; margin-top:30px; background-color:#993300;}
</style>

总结了一些解决的办法如下

1.在box里面加overflow:hidden;这样就可以解决问题了。备注：这里如果把溢出隐藏了，做其他的会有什么问题你懂的。

2.在box里面补上边框border:1px solid #000000;备注：不需要边框的就不合适了。

3.在box里面补上内补丁padding-top:1px;备注：这样是不是也不错呢？

4.这个是在.box2给一个浮动float:left; 备注：这样就有浮动了。还要考虑清除浮动，可以不用此方法

margin-top失效的解决办法相关推荐

定义了浮动元素后margin-bottom失效的解决办法
2019独角兽企业重金招聘Python工程师标准>>> 虽然IE6慢慢的退出市场了,但是还是有必要了解一些兼容问题,让自己的知识有一个更好的沉淀.margin-bottom的bug是 ...
iframe 内嵌第三方网站 cookie 失效，解决办法
iframe 内嵌第三方网站 cookie 失效,解决办法网站iframe内嵌第三方带登录页的网站时,在ie和火狐和部分谷歌浏览器是可以的,但是在升级版的谷歌浏览器中是无法访问的问题是谷歌浏览器在 ...
xcode4 语法高亮和自动补全失效的解决办法
xcode4 语法高亮和自动补全失效的解决办法 xcode4有一个bug,某些时候会造成类名的着色显示不出来,还有就是代码补全不能完全显示,而且没有参数. 解决方法: 首先关闭项目窗口,然后到Orga ...
iOS Safari 中click点击事件失效的解决办法
转载自:https://www.cnblogs.com/Steping/p/5737547.html 问题起因: 在微信公众号开发(微站)过程中用jquery的live方法绑定的click事件点击无效 ...
当子元素用position:relative;时，父元素的overflow:hidden;在ie中失效的解决办法
当子元素用position:relative;时,父元素的overflow:hidden;在ie中失效的解决办法: 给父元素也加上position:relative; 到现在也不知道为什么会出现这样的 ...
c++编程设置桌面壁纸以及设置壁纸失效的解决办法
c++编程设置桌面壁纸以及设置壁纸失效的解决办法最近项目中需要一个小工具来设置桌面壁纸,于是想自己尝试用c++写一个. 刚开始,发现COM组件IActiveDesktop 可以设置壁纸.代码如下: ...
Error: could not open `C:\Java\jre7\lib\amd64\jvm.cfg';JAVA_HOME环境变量失效的解决办法
转自:http://www.cnblogs.com/yjmyzz/p/3521554.html JAVA_HOME环境变量失效的解决办法晚上把oracle自带的weblogic给卸载了,然后打开ec ...
键盘按键F1-F12失效的解决办法(ArchLinux)
键盘按键F1-F12失效的解决办法键盘上的F1-F12键,通常情况下有两种用途: 单独使用实现系统通用的一些功能如F5刷新页面配合Fn键组合使用已达到某些特殊功能比如调节屏幕亮度系统音量 ...
ctrl+空格切换中英文输入法失效的解决办法
ctrl+空格切换中英文输入法失效的解决办法控制面板-->区域和语言选项-->语言-->详细信息-->键设置-->输入法/非输入法切换那一项把启用按键顺序关了! 这 ...
两列float引起的父容器高度失效的解决办法
解决子块float浮动后父块高度自适应问题 2008-05-02 00:46 也许你在做网页的时候发现,发一个区块内的元素被应用了float之后,那么整个box的高度对就不以被浮动对象的高度为标准了 ...

margin-top失效的解决办法

margin-top失效的解决办法相关推荐

最新文章

热门文章