<?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>哈哈小老虎&#039;s Blog &#187; float</title>
	<atom:link href="http://www.mytcer.com/tag/float/feed" rel="self" type="application/rss+xml" />
	<link>http://www.mytcer.com</link>
	<description></description>
	<lastBuildDate>Sat, 31 Dec 2011 15:42:15 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3</generator>
		<item>
		<title>IE7中浮动元素无法自动换行的bug</title>
		<link>http://www.mytcer.com/680</link>
		<comments>http://www.mytcer.com/680#comments</comments>
		<pubDate>Thu, 27 May 2010 13:42:26 +0000</pubDate>
		<dc:creator>Tcer</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[float]]></category>
		<category><![CDATA[IE7]]></category>
		<category><![CDATA[自动换行]]></category>

		<guid isPermaLink="false">http://www.mytcer.com/?p=680</guid>
		<description><![CDATA[项目中，一不留神就碰到了这个bug，虽未找到根本原因，但还是先和大家分享一下。。。 一. 重现bug 重现条件：当一个容器中的所有子元素被浮动，未显示的设置子元素宽度，且将元素设置为溢出隐藏，我们来看看具体的code： // html： &#60;ul&#62; &#60;li&#62;我是第一项&#60;/li&#62; &#60;li&#62;我是第二项二项&#60;/li&#62; &#60;li&#62;我是第三项三项三项&#60;/li&#62; &#60;li&#62;我是第四项四项四项四项&#60;/li&#62; &#60;/ul&#62; // css： * { margin: 0; padding: 0; } ul { width: 400px; overflow: hidden; margin: 20px auto; padding: 10px; font-size: 14px; border: 1px solid red; } ul li { display: inline; float: left; overflow: hidden; // 未设置宽度时，这哥们会导致bug white-space: nowrap; border: 1px solid [...]]]></description>
		<wfw:commentRss>http://www.mytcer.com/680/feed</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
		<item>
		<title>inline-block: 浮动，让我来拯救你！</title>
		<link>http://www.mytcer.com/427</link>
		<comments>http://www.mytcer.com/427#comments</comments>
		<pubDate>Tue, 26 Jan 2010 14:35:47 +0000</pubDate>
		<dc:creator>Tcer</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[float]]></category>
		<category><![CDATA[inline-block]]></category>

		<guid isPermaLink="false">http://www.mytcer.com/?p=427</guid>
		<description><![CDATA[浮动有个比较有趣的问题: 当被浮动的元素排列成多行时(多于1行)，如果它们的高度不相同，则整个布局会被打乱(浮动布局崩溃的demo)。但有的时候，需要高度自适应，这个时候，浮动已无法胜任，也许你想到了表格，但从语义的角度来看，表格不一定适用，我想到了inline-block&#8230; 一. 解决办法 &#60;ul&#62; &#60;li&#62;我是第一个&#60;/li&#62; &#60;li&#62;我是第二个我是第二个我是第二个我是第二个我是第二个我是第二个我是第二个&#60;/li&#62; &#60;li&#62;我是第三个&#60;/li&#62; &#60;li&#62;我是第四个&#60;/li&#62; &#60;li&#62;我是第五个&#60;/li&#62; &#60;li&#62;我是第六个&#60;/li&#62; &#60;/ul&#62; &#60;style&#62; ul { width: 630px; margin: 10px auto; overflow: hidden; } ul li { /* FF 2及更低版本不作考虑 */ display: inline-block; width: 200px; /* 我打算设置10px的右边距, 但非IE下, inline-block后, 元素已默认带有4px的右边距 */ margin: 10px 6px 0 0; vertical-align: top; background: #ccc; *display: inline; *zoom: 1; *margin-right: 10px; [...]]]></description>
		<wfw:commentRss>http://www.mytcer.com/427/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>

