理解绝对定位和相对定位布
一个JS效果的图片滑动效
Jan
11
ie6使用绝对定位position：absolute，box不显示 IE6，浮动遇到绝对定位 
今天在重构一个页面的时候，为了考虑根据内容重要程度出现的优先性，所以在css的时候为几个box书写了绝对定位，在测试的时候发现，在FF,ie8，ie7,op下都可以正常显示，可是到了IE6的时候，这几块内容是空白的了…啊！怎么回事呢？
经过几番折腾，总出找出毛病了，原来是因为使用绝对定位的box紧挨着的是box使用了浮动：float。哎！没办法，我的解决方法是在他们之间又单独写了一个box，这个box加了一个样式，用来清除浮动的样式。保存，刷新页面，哈哈，好了！
经过几番折腾，总出找出毛病了，原来是因为使用绝对定位的box紧挨着的是box使用了浮动：float。哎！没办法，我的解决方法是在他们之间又单独写了一个box，这个box加了一个样式，用来清除浮动的样式。保存，刷新页面，哈哈，好了！
通过后来了解后，这种情况有可能在IE7下也会出现，是因为紧挨着的float没有清除浮动，还是怎么的。
所以大家如果以后在使用绝对定位的时候，一定要小心哟。
另外试试直接在这个BOX加上属性clear:both也有用
IE6，浮动遇到绝对定位
本来两个不相同的东西，在IE6下硬是会擦出火花....
当一个元素内有一个块级元素并占据整行的时候，让它浮动，然后在它后面的行内元进行绝对定位（父级元素进行相对定位），在其他浏览器下都能正常显示，在IE6下会莫名其妙的消失。
<div><ul><ul><a></a></div>
尝试改变ul的长度，或者取消浮动都可以让IE6正常显示，莫非IE6下，绝对定位元素被覆盖掉了？但是在取消浮动下可以正常显示，那么在浮动下才会被覆盖？应该是ie6的bug.
再尝试下有没其他解决办法，在<a></a>外面套个行内元素，结果发现还是不行，试了下讨个块级元素，^.^哈哈，可以了，难道块级元素进行绝对定位就可以不平浮动了？尝试直接用块级元素或者把行内元素的display改为block，然后进行绝对定位，结果发现还是不行.................- -#。
得出的结论:IE6下，绝对定位元素与浮动元素有重叠会导致绝对定位元素消失。
解决办法：
不相重叠。
改变其中一种效果。
在绝对定位元素外面套个块级元素，让他们直接接触。
本文来自CSDN博客，转载请标明出处：http://blog.csdn.net/gghunter/archive/2009/06/01/4230989.aspx
Catégories d'achat
Audiovisuel Auto-Moto Batteries pour appareils photo CD Electroménager Enfants et famille Equipement de bureau Films DVD Flashlights and Torches Grinders and Sanders Informatique Jeux et Consoles Maison et Jardin Mode et accessoires Pèse-personne Perceuse Petit Electroménager Photo Sacs Santé - Beauté Scies Sports et plein air Téléphonie Tournevis Ustensiles de Cuisine Produits très demandés sous Achats
Samsung S8500 Wave
Samsung Galaxy Mini
Blackberry Curve 8520
Sony Ericsson Xperia Arc
HTC Desire Z
Samsung Ch@t 335
Samsung Galaxy S II
Nokia N8
Samsung Galaxy Ace
HTC Wildfire
Gigabyte GV-N560OC-1GI
HP 625 (XN840EA)
Nikon CoolPix L120 Black
Motorola FLIPOUT
ASUS X93SV-YZ032V
Nokia E5-00
Samsung S8530 Wave II
Canon EOS 600D