div+css的外层背景色不见了的解决办法

<div class="header">
	<div class="header_left">header_left</div>
	<div class="header_right">header_right</div>
</div>

.header{width:1000px;background:red;}
.header .header_left{width:600px;background:green;float:left;}
.header .header_right{width:400px;background:pink;float:right;}
.clear{clear:both;}

 这样的div+css  在ie和chrome中都正常,但是firefox中header的背景色显示不出来,
在.header_right标签后面加上 <div class="clear"></div>,外层的背景色是显示没有问题,
但是 在.header上方出现了去不掉的空行,网上找到的解决方法是,在外层div的css样式中加上
overflow:hidden;
结果确实可以解决问题,但是原因  O(∩_∩)O~  待查 ...... 

时间: 2024-10-29 04:45:11

div+css的外层背景色不见了的解决办法的相关文章

CSS中右对齐float:right换行的解决办法

问题:同时使用float:left 和right的时候不在同一水平线上 第一种解决办法:把左右对换,比如把日期放在标题的前面,对调下位置就好了. 第二种解决办法:给右边也加上float:right 浮动不正常的(不在同一行,换行了,仅仅因为多了一个 ,从而导致整个排版混乱): 浮动正常的1:(第一种解决办法:去掉 ) 浮动正常的2:(第二种解决办法:从 起再套一层span,并设定float:right;) CSS中右对齐float:right换行的解决办法,布布扣,bubuko.com

div背景图片或颜色不显示的解决办法

背景图片不显示的原因: 1. css没有被调用 2. css图片地址不对 3. div的高度没有固定,是auto.没有设值或者高度不够 4. div被嵌套 5. div代码不规范 解决办法: (1)DIV高度为自动,背景颜色无法显示,在代码中将原代码height:auto; 改为height:100%; overflow:hidden;!important:同时还可以兼容 IE6.7.8和谷歌火狐. (2)假设对一个对象设置了background背景颜色样式,该对象内部盒子有使用float浮动属

img在div中高度不能自动填满的解决办法

不论img怎样设置高度,img在div中总有几像素总不能填满,如下图: 解决办法非常简单:只要给img加个样式[display:block;]就ok了~

CSS中有关水平居中和垂直居中的解决办法

CCS中让div等块级元素在父级元素中居中的方法: (1)div{  margin:0 auto   } 该方法只能实现水平的居中,无法实现元素的垂直居中 (2)当div元素的宽高是固定的,然后设置位置为绝对位置absolute,左边框和上边框的距离设置为50%,这个50%就是指具有定位为absolute或者是relative的祖元素的宽度和高度的50%,最后将该DIV分别左移和上移,左移和上移的大小就是该DIV宽度和高度的一半.: . parent{ position:relative: }

JQuery利用css()修改样式后 hover失效的解决办法

执行完代码后发现写在样式表中的hover效果失效,改了好几遍差点重新写函数,后来发现很简单,是优先级的问题,css()中的内容覆盖了之前的样式 只需要在样式后写!important即可解决! 1 .filters-wrap li:hover { 2 background:#0085d7 !important; 3 } 4 .filters-wrap li:hover span { 5 color:white !important; 6 }

mysql 服务不见了的解决办法

当MySQL服务突然消失的时候,可以在命令提示符下输入mysqld -install来安装服务,若出现server install denied,则进入system32文件夹里,用管理员身份来运行cmd.exe文件,然后再执行mysqld -install, MySQL服务:net start mysql关闭MySQL服务:net stop mysql ================================================================注意:前提是在系

子div块中设置margin-top时影响父div块位置的解决办法

在css中设置样式时,通常会遇到用子div块margin中设置margin-top时,父div块中就会随着子div的margin-top,也会和子div执行相同的margin-top的位置样式 解决办法1: 若子div块中使用margin-top,则在父div块中添加:overflow:hidden; 解决办法2: 若由于特殊情况不能在父div块中添加:overflow:hidden,那么在子div块中用padding-top代替margin-top;

Div+Css布局遇到的常见问题

IE的问题: 一.双边距问题浮动元素的外边距会加倍,但与第一个浮动元素相邻的其他浮动元素外边距不会加倍.解决方法:在此浮动元素增加样式  display:inline; 二.图片产生的间隙父元素直接包含<img>,这个图片下方会和父元素边缘产生间隙.解绝方法:1.在源代码中让</div>和<img>在同一行,因为那个间隙是由换行符产生的.2.给<img>添加样式  display:block; 三.最小高度问题块元素最小高度为10px,当高度定义小于10px

div+css通用兼容性代码整理

一.Div+css通用兼容性代码 你可以在css开头加入 *html{padding:0px} 复制代码 代码如下: <style> *html{padding:0px} /* Clear Fix */ .clearfix:after { content:”.”; display:block; height:0; clear:both; visibility:hidden; } .clearfix { display:inline-block; } /* Hide from IE Mac */