firefox的margin-top无效问题解决办法

我的解决办法

firefox的margin-top无效的问题我们只要简单的加入display:inline-block;就可以解决了，

下面附一些实例

.box2增加float属性
2.box1与box2之间增加一层"<div style="clear:both;"></div>"

（二）子元素设置margin-top作用于父容器

 代码如下 复制代码

<div class="box" style="height:100px;background:red;">
  <div class="box2">clear:both; margin-top:20px;height:50px;width:500px;background:#000;</div>
</div>

当给box2设置margin-top时，在FF下仅作用于父容器。

 代码如下 复制代码

<title>Firefox下margin-top问题</title>
<style type="text/css">
<!--
* {
margin:0;
padding:0;
}
.box2{
margin-top:20px;
width:500px;
height:50px;
background:#000;
color:#fff;
}
-->
</style>
</head>
<body>
<div class="box" style="height:100px;background:red;">
<div class="box2">clear:both; margin-top:20px;height:50px;width:500px;background:#000;</div>
</div>

  

[Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]

解决办法：

1.给父容器box加overflow:hidden;属性
2.父容器box加border除none以外的属性
3.用父容器box的padding-top代替margin-top

时间： 2024-11-29 10:24:16

firefox的margin-top无效问题解决办法的相关文章

PHPcmsv9 get标签 sql语句limit无效及num和rows属性无效问题解决办法

PHPcms v9 get标签sql语句limit无效及num和rows属性无效问题至今也已经是一个老问题了,网络上也有一些表面的解决办法,但是逐日者并没有找到从底层,层模板标签解析及模板引擎代码上真正解决此问题的办法和解释.今天在使用get标签sql语句调用数据的时候当然也遇到了此问题,经过研究找到了问题的原因并且整理出本文希望对php爱好者有所帮助. 错误描述:我想从数据表中调取最新的6条数据!  代码如下 复制代码      <dl class="about_text1"&

button在firefox 和chrome高度不一致问题解决办法

为了验证高度我们将左边放一个高度固定的DIV,你会发现,firefox是要高出2像素的. HTML为 <button class="button">订阅</button> 样式为 .button {  background-color:#fff;  border:1px rgba(0,0,0,0.15) solid;  color:rgba(0,0,0,0.3);  padding:6px 8px;  font-size:12px;  cursor:pointe

php验证session无效问题解决办法

  环境,我用的是apache+php环境了 如我的程序代码如下  代码如下   <input name="username" type="text" class="input" id="username"> <input name="password" type="password" class="input" id="password&

php的flush和ob_flush无效问题解决办法

我的基础环境是nginx1.6.2+php5.3 做一个逐行输出,使用ob_flush时试了N种方法不起作用,比如下面的代码: <?php ob_start(); for(;;) {     echo "<br>.......";     ob_flush();     flush();     sleep(1); } ?> 谷歌了不少的写法都不行,所以问题应该出在了环境配置上而不是使用方法上. 话说还是stackoverflow给力,搜索"php f

Nginx中PHP flush函数无效问题解决办法

在一次调试PHP逐行输出时候,发现ob_flush和flush两个都失效了,通过phpinfo基本能判断php.ini的设置是正常的. 再去看Nginx,发现Nginx中,有如下的设置: fastcgi_buffer_size 128k; fastcgi_buffers 8 128k; 问题基本找到了,Nginx会缓冲PHP输出的信息,当达到128k时才会将缓冲区的数据发送给客户端,那么我们首先需要将这个缓冲区调小,比如: fastcgi_buffer_size 4k; fastcgi_buff

php 验证session无效问题解决办法

环境,我用的是apache+php环境了 如我的程序代码如下  代码如下 复制代码 <input name="username" type="text" class="input" id="username"> <input name="password" type="password" class="input" id="password

IE6下onclick下函数无效问题解决办法

函数代码 function test() {   windows.location.href='http://www.111cn.net '; } 问题代码如下: "javascript:void(0);" onclick="javascript:test();">点击会跳转    正确代码如下: "javascript:void(0);" onclick="javascript:test();return false;"

php读写cookies无效问题解决办法

今天本地调试,有个cookies死活都写不进去,环境如下: 域名:111cn.net 浏览器:chrome34 代码:  代码如下 复制代码 header("Content-type: text/html; charset=utf-8"); if (isset($_COOKIE['test'])) {     echo '获取到的cookies是:'.$_COOKIE['test']; } elseif (setcookie('test', 'okh', time() + 3600,

Android view更改背景资源与padding消失的问题解决办法

Android view更改背景资源与padding消失的问题解决办法 这个需求一般不常用,不过遇到也挺郁闷的.这个应该算是SDK的一个bug,解决的办法,就是设置之前记录下来他的边距, 然后在设置回去. 具体方法 /** * 设置不改变padding的背景 * 因为android有设置背景后,padding无效的问题 * * @param view * @param resId * @autor wujiajun */ public static void setBackgroundResou