<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>I.K.8.K  爱看不看 &#187; HTML</title>
	<atom:link href="http://www.ik8k.com/blog/tag/html/feed" rel="self" type="application/rss+xml" />
	<link>http://www.ik8k.com/blog</link>
	<description>After restart...</description>
	<lastBuildDate>Wed, 09 Nov 2011 13:58:19 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.1</generator>
		<item>
		<title>著名的IE6 double margin bug</title>
		<link>http://www.ik8k.com/blog/2008/12/54</link>
		<comments>http://www.ik8k.com/blog/2008/12/54#comments</comments>
		<pubDate>Tue, 16 Dec 2008 00:49:42 +0000</pubDate>
		<dc:creator>hustcom</dc:creator>
				<category><![CDATA[webdev]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[HTML]]></category>

		<guid isPermaLink="false">http://ik8k.ccword.com/blog/?p=51</guid>
		<description><![CDATA[同样在IE5和IE5.5上也能重现的bug，就是到一个元素float方向和margin方向相同的时候，margin会加倍。 比如一下元素： &#60;div class&#8221;left&#8221; /&#62; 它的样式： .left { float: left; margin-left: 10px; } 在IE6下，你会发现这个margin其实占据了20px。 原因就是这是浏览器的bug，解决方案也很多，我这里举几条： 加&#8221;display:inline&#8221;的style: 在元素float后，display属性随之无效，所以你可以大胆地加上这个属性； 绕道行之：换用padding，或调换父级子级间距关系等方式避免正面遇到这个bug； CSS hack：不推荐，不告知。]]></description>
			<content:encoded><![CDATA[<p>同样在IE5和IE5.5上也能重现的bug，就是到一个元素float方向和margin方向相同的时候，margin会加倍。</p>
<p>比如一下元素：</p>
<p>&lt;div class&#8221;left&#8221; /&gt;</p>
<p>它的样式：</p>
<p>.left</p>
<p>{</p>
<p>float: left;</p>
<p>margin-left: 10px;</p>
<p>}</p>
<p>在IE6下，你会发现这个margin其实占据了20px。</p>
<p>原因就是这是浏览器的bug，解决方案也很多，我这里举几条：</p>
<ol>
<li>加&#8221;display:inline&#8221;的style: 在元素float后，display属性随之无效，所以你可以大胆地加上这个属性；</li>
<li>绕道行之：换用padding，或调换父级子级间距关系等方式避免正面遇到这个bug；</li>
<li>CSS hack：不推荐，不告知。</li>
</ol>
]]></content:encoded>
			<wfw:commentRss>http://www.ik8k.com/blog/2008/12/54/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

