DIV+CSS 常见问题及解决办法整理
http://www.ituring.com.cn/article/64951
1. 【IE6】浮动双倍边距bug：
问题 ：同时使用“float”和“margin”，则margin在IE6下实际显示为双倍。
解决：给浮动容器定义display:inline
demo:
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>css 双边距问题</title>
<style>
* {
margin: 0;
padding: 0;
} .float-box {
float: left;
width: 150px;
height: 150px;
margin: 5px 0 5px 300px;
/*display: inline;*/
/*外边距的最后一个值保证了300像素的距离*/
} </style>
</head>
<body>
<div class="float-box">
双边距bug（IE6）
</div>
</body>
</html>
2. 【IE6】width和height值 = 最小值
问题：IE6不认min-height，但hight=min-height。若只设定min-height，IE6下等于没有高度；若只设定高度，IE6会自动将内容撑大。标准浏览器中固定高度值的容器是不会象IE6里那样被撑开的。
解决：
height: auto!important; /*使其他浏览器高度自适应*/
height: 100px; /*针对IE6 最小高度*/
min-height: 100px; /*针对其他浏览器最小高度*/
demo
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>IE6 min-height 不认问题</title>
<style>
body {
font-family: Arial, Helvetica, 宋体, sans-serif;
font-size: 12px; text-align: center;
background-color: #D4D5CC;
} #wrapper {
height: auto !important; /*使其他浏览器高度自适应*/
height: 500px; /*针对IE6 最小高度*/
min-height: 500px; /*针对其他浏览器最小高度*/
width: 760px;
background-color: #e5e5e5;
border: 1px solid #fff;
text-align: left;
line-height: 150%;
padding: 20px;
margin: 10px auto;
}
</style>
</head>
<body> <div id="wrapper">
Hello World <br/>
Hello World <br/>
Hello World <br/>
Hello World <br/>
Hello World <br/>
Hello World <br/>
</div>
</body>
</html>
3. 【IE6】为什么无法定义1px左右高度的容器？
问题：这是因为默认的行高造成的
解决：(选择一种)
①、overflow:hidden;
②、zoom:0.08;
③、line-height:1px;
demo:
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>IE6 div 不能实现1px 高度的几种解决方法</title>
<style>
.test {
font-size: 0px;
height: 1px;
line-height: 1px;
background-color: red;
} .test2 {
height: 1px;
overflow: hidden;
background-color: red;
} /*.test3 {*/
/*height: 1px;*/
/*zoom: 0.08;*/
/*background-color: red;*/
/*}*/
</style>
</head>
<body>
<div class="test"> </div>
<div class="test2"></div>
<div class="test3"></div>
</body>
</html>
4. 【IE6】mirror margin bug
问题：当外层元素内有float元素时，外层元素如定义margin-top:14px，将自动生成margin-bottom:14px。 padding也会出现类似问题
解决：外层元素设定border 或 设定float。
DIV+CSS 常见问题及解决办法整理的更多相关文章
- 实战中总结出来的CSS常见问题及解决办法
一.ul标签在Mozilla中默认是有padding值的,而在IE中只有margin有值. 二.同一个的class选择符可以在一个文档中重复出现,而id选择符却只能出现一次.对 一个标签同时使用cla ...
- PHPmailer发送邮件时的常见问题及解决办法
来源:http://www.chinastor.com/a/jishu/mailserver/0G392262014.html 使用PHPmailer发送邮件时的常见问题总结: 一,没有定义发送邮箱$ ...
- 【转载】IE浏览器常见的9个css Bug以及解决办法
IE浏览器常见的9个css Bug以及解决办法 我们在浏览网页的时候经常看见这样的现象:某个网页在IE6浏览器中打开很正常,但是在IE8里面打开可能完全变形了.或者也有可能出现完全相反的现象.这让We ...
- FineUIMvc 常见问题及解决办法
Ø 简介 FineUIMvc 是基于 jQuery 的专业 ASP.NET MVC/Core 控件库,本文主要介绍 FineUIMvc 的常见问题及解决办法. 1. View 中无法调用 Htm ...
- fetch使用的常见问题及其解决办法
摘自: https://segmentfault.com/a/1190000008484070 fetch使用的常见问题及其解决办法 javascript wonyun 2月25日发布 | 0 收 ...
- fetch的常见问题及其解决办法
摘要: 玩转fetch. 作者:wonyun 原文:fetch使用的常见问题及其解决办法 Fundebug经授权转载,版权归原作者所有. 首先声明一下,本文不是要讲解fetch的具体用法,不清楚的可以 ...
- WebView加载本地html、js文件常见问题及解决办法
声明:基于android studio平台,php语言搭建服务器 目录: 一.JavaScript脚本语言没有反应 二.alert无法弹出 三.html页面之间不能跳转 四.屏幕缩放没有达到预期效果 ...
- rsync @ERROR: auth failed on module backup 解决思路及附录rsync常见问题及解决办法
昨晚小版本上线,使用rsync往服务器上传文件时,client报如下异常: @ERROR: auth failed on module backup rsync error: error starti ...
- ORA-00907: 缺失右括号，原因及解决办法整理
ORA-00907: 缺失右括号,原因及解决办法整理 1 union all中order by 导致缺失右括号 在有union all的子查询中使用了order by,会导致缺失右括号的错误,事实上在 ...
随机推荐
- SSH整合中为获取表单对象Action类实现的接口及拦截器配置
保存员工或者用户信息时,以员工为例,是通过表单收集信息的,需要把这些信息赋给一个对象,然后保存到数据库中.对应的Action类须实现Preparable接口及ModelDriven接口,且在Actio ...
- 快学Scala-第四章 映射和元组
知识点: 1.构造映射,映射是对偶的集合 val scores1 = Map("Alice" -> 10, "Bob" -> 7, "Ci ...
- javascript语句语义大全（7）
1. 事件 onmousedown——鼠标按下事件 当鼠标按下的时候触发,根据鼠标不同的按键会有不同的值传入,左键0,滚轮1,右键2,不同浏览器可能有不同. onmousemove——当鼠标移动的时候 ...
- 关于：hover的一点小问题
今天又用到了:hover这个伪类选择器,一个小问题搞了我好久,就是关于:hover选择的问题, 先看下css代码 .box:hover span { height: 150px; } 接下来是HTML ...
- 2016中国大学生程序设计竞赛 - 网络选拔赛 1001 A water problem （大数取余）
Problem Descripton Two planets named Haha and Xixi in the universe and they were created with the un ...
- dev GridControl直接打印 纵向合并单元格
GridControl纵向合并单元格 只需设置 gridView->OptionView->AllowCellMerge=true; 效果 提示: 精确到列 前提是gridview1已经允 ...
- STM32F2系列时钟的配置
前一节详细介绍了系统默认的时钟配置,及各路时钟输出是多少,这是默认配置的,但实际使用的时钟默认的时钟并不符合要求,所以就得知道如何调用库函数进行配置. 最好的资料就是查阅stm32f2xx_rcc.c ...
- hdu_4467_Graph(莫队算法思想)
题目连接:hdu_4467_Graph 题意:给你n个点,m条边,每条边有一个权值,有两个操作,一个是修改单点的颜色,一个是询问边的两个端点都为指定颜色的权值和 题解:这题如果暴力的话,就是维护3个a ...
- HDU 1934 树状数组 也可以用线段树
http://acm.hdu.edu.cn/showproblem.php?pid=1394 或者是我自己挂的专题http://acm.hust.edu.cn/vjudge/contest/view. ...
- access restriction
一.既然存在访问规则,那么修改访问规则即可.打开项目的Build Path Configuration页面,打开报错的JAR包,选中Access rules条目,选择右侧的编辑按钮,添加一个访问规则即 ...