05_01.IE6同行元素浮动bug

最新推荐文章于 2020-11-22 06:30:56 发布
最新推荐文章于 2020-11-22 06:30:56 发布
阅读量252 收藏
点赞数
分类专栏： XHTML+CSS
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/cigarangle/article/details/38308429
版权 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<title>Document</title>
	<style type="text/css">
		.box{width: 400px;}
		/*div.right加浮动前，文字会与div.left有3px间隔*/
		/*需求：几个div并在一排；解决：div.left浮动后，div.right也加浮动*/
		.left{width: 100px;background: red;height: 500px;float: left;}
		.right{width: 300px;/*float: left;*/}
	</style>
</head>
<body>
	<div class="box">
		<div class="left"></div>
		<div class="right">
			　中新网7月30日电 据中国政府网消息，国务院日前印发《国务院关于进一步推进户籍制度改革的意见》。意见指出，建立城乡统一的户口登记制度。取消农业户口与非农业户口性质区分和由此衍生的蓝印户口等户口类型，统一登记为居民户口，体现户籍制度的人口登记管理功能。
		</div>
	</div>
</body>
</html>

大史叔叔
关注
专栏目录
IE6的双边距-元素浮动display值为blcok
weboof的博客
11-14 444
IE/6出现双边框的原因 出现双边距的条件是当浮动元素的浮动方向和margin的方向一致时才会出现。也就是说，并不是只有块状元素左浮动，且具有左外边距时才有这个BUG，当一个盒子右浮动的同时有一个向右的margin-right的时候，IE6也会把margin-right解析为原来的2倍。当有多个同行元素都浮动了，而且都有同方向的margin，则只有最靠近浮动方向的元素有双边距bug。（如果都是一个方
IE6双边距bug及其解决办法
09-01 113
<!DOCTYPE html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>无标题文档</title> <style type="text/css"> body,div{ m...
网页在IE6下可能出现的小问题
梦空间
02-13 439
我们制作网页过程中，需要对网页进行调试以兼容不同浏览器。这里使用IETester 针对网页在IE6进行调试，解决一些可能出现的问题。 1、在IE6可能会出现双边距 双边距出现的条件是当浮动元素的浮动方向和margin的方向一致时才会出现，包括左浮动并设置了margin-left 和 右浮动并设置了margin-right，这两种情况。这个使用IE6会把margin-right解析为原来的2倍。
ie6双边距bug及其解决办法
weixin_30487201的博客
11-30 91
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>&lt...
浮动元素
weixin_30710457的博客
12-14 130
Float（浮动）概念也许是CSS中最让人迷惑的一个概念吧。Float经常被错误理解，而且因为将上下文元素全部浮动导致的可读性、可用性问题备受责难。然而，这些问题的根源并不在于理论本身，而是开发人员以及浏览器对理论的解读造成的。　　如果你认真的去读一下浮动概念，你会发现并不像所见的那样复杂。大多数问题都是由于老版本的IE带来的（我只是猜想）。如果你知道这些bug，你就能避免这些问题。　　...
IE6常见bug整理
weixin_30820077的博客
01-06 106
By Diaoyude | 发布时间： 09-08 09:47 | Hits：1,253 | Post in： WEB前端, Div-Css 针对IE6常见的一些ie6bug,ie6png,E6fixed,ie6 a:hover span bug 今天goole下又发现了一个，整理备录下 1.强制浏览器是用Web标准解析 HTML的写法 <!DOCTYPE...
IE6产生双边距的条件及解决办法
daihaoxin的专栏
02-24 887
1、IE6双边距触发条件：  1）块级元素浮动     2）有左右外边距(上下外边距不存在问题)   　　　　　　　　　　　　　　3）当有多个同行的浮动元素，切方向相同，则只有浮动方向最边缘的元素会有产生双边距bug； 　　2、  请用IE6狠点这里查看具体现象     解决办法：  1） 块级元素添加  display:inline；   2）通过IE6可以识别的兼容性代码
（译）元素浮动的那些事儿
chuoshenpi2512的博客
08-16 102
（译）元素浮动的那些事儿 　　原文：http://bitsofco.de/2015/how-floating-works/，作者Ire Aderinokun发表于 2015 年 8 月 11 日。 　　尽管我们现在用浮动布局已经很少了，但是在一些特殊的需求下，它仍然是唯一可行的解决方...
IE6's Bug系列之双倍margin
weixin_30621959的博客
10-08 63
在ie6中布局时，当子元素为浮动，而且具有跟浮动方向相同的margin时，第一个子元素即紧靠父元素的元素会产生该方向上双倍的margin值。如下所示： <style type="text/css"> *{ margin: 0; padding: 0;} li{ list-style: none;} ul{ overflow:hidden;zoom:1;backgrou...
CSS_浏览器兼容
03-12
**DIV浮动IE文本产生3像素的bug** - **问题描述**：在IE浏览器中，当左边对象浮动后，右边对象内的文本可能会出现3像素的额外间距。 - **解决方案**：可以通过在浮动元素上设置负`margin-right`来修正。示例代码...
css 浮动 -张鑫旭博客笔记
sentimental_dog的博客
08-09 3611
原创文章，转载请注明来自张鑫旭-鑫空间-鑫生活[http://www.zhangxinxu.com] 本文地址：http://www.zhangxinxu.com/wordpress/?p=594 1.浮动的原始意义 我们使用float浮动做了很多其本职工作以外的事情，于是我们会混淆，我们会回看不清float真正的面目。浮动真正的意义在哪里呢？要知道这个问题的答案很简单，假设现在CSS中
同行兄弟出去面试题的汇总 2020-7-19
weixin_48116269的博客
10-20 695
1.普通数据类型 (1)普通数据类型有哪些? ​ 字符串型string： 数值型number,：undefined：null,：布尔型boolean 复杂数据类型有Object Array Date (2如何检测类型? console.log(typeof data) instanceof Array.isArry() (3如何转换数据类型? 转字符串 ​ 数据.toString() ​ String(数据) ​ 隐式转换:数据+’ ’ Join(‘分割符’) 转数值 Number必须是纯数字(数据)
CSS如何设置高度为屏幕高度_面试题联盟之CSS篇
weixin_39948111的博客
11-22 1855
关注入坑互联网，回复“加群”加入我们一起学习，天天进步1、CSS3的新特性实现圆角(border-radius)阴影(box-shadow)文字加特效(text-shadow)线性渐变(gradient)旋转(transform)媒体查询，多栏布局2、CSS中 link 和@import 的区别link属于HTML标签，而@import是CSS提供的;页面被加载的时，link会同时被...
06_02.绝对定位absolute、层级
大史哥哥
08-22 4058
Document /* 1.元素设置position:absolute后，元素脱离文档流 2.元素设置position:absolute后，元素具有float的特性 3.元素设置position:absolute后，元素以最近的已设置position属性的父级元素为基准进行偏移；如没有符合条件的父级元素，则以整个文档为基准 4.层级用z-index:[number]设置，数
06_04.遮罩效果（滤镜+div）
大史哥哥
08-23 903
Document body{margin: 0;} .cover{width: 100%;background: black; height: 100%;position: absolute;top: 0;left: 0;} /*滤镜*/ .cover{opacity: 0.5;} /*兼容IE7、8*/ .cover{filter:alpha(opacity:50);} /*
04_01.float
大史哥哥
05-29 512
Document .a{width: 100px;height: 100px;background: red;float: left;} .a1{width: 50px;height: 50px;background: black;} .b{width: 200px;height: 200px;background: blue;} .b1{width: 120px;heig
03_03.inline-block
大史哥哥
05-29 496
Document img{width: 100px;height: 50px;} div{display: inline-block;width: 100px;height: 100px;background: red;} span{display: inline-block;width: 100px;height: 100px;background: blue; } 1
01_02.设置编辑器编码
大史哥哥
05-14 487
本人所用为sublime编辑器。设置sublime编码格式：1.ctrl+alt+p 2.输入"settings-default" 3.查找"default_encoding"  4. 将其值改为"utf-8"
解决IE6兼容性问题：常见bug与对策
"本文详细汇总了IE6浏览器的兼容性问题和常见bug，旨在帮助前端开发者解决在处理IE6时遇到的棘手问题。" 在Web开发中，IE6的兼容性问题一直是工程师们的头疼之处。由于其独特的解析方式和一些未被其他浏览器广泛...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值