<?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>走走停停看看 &#187; layout</title>
	<atom:link href="http://shawphy.com/tag/layout/feed" rel="self" type="application/rss+xml" />
	<link>http://shawphy.com</link>
	<description>关注HTML,CSS,JavaScript,jQuery等前端开发</description>
	<lastBuildDate>Mon, 12 Jul 2010 15:45:21 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
		<item>
		<title>一个有趣的布局</title>
		<link>http://shawphy.com/2008/07/a-funny-layout.html</link>
		<comments>http://shawphy.com/2008/07/a-funny-layout.html#comments</comments>
		<pubDate>Sun, 06 Jul 2008 09:51:33 +0000</pubDate>
		<dc:creator>Shawphy</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[layout]]></category>

		<guid isPermaLink="false">http://shawphy.com/?p=63</guid>
		<description><![CDATA[　 尝试一下，不用定位，只用浮动，就把这个排版排出来看看。 不要被她迷惑了，其实没你想的那么难 实在想不出来，可以看这里。 &#60;div id=&#34;wrap&#34;&#62; &#160; &#160; &#60;div&#160;id=&#34;a&#34;&#62;&#60;/div&#62; &#160; &#160; &#60;div&#160;id=&#34;b&#34;&#62;&#60;/div&#62; &#160; &#160; &#60;div&#160;id=&#34;c&#34;&#62;&#60;/div&#62; &#160; &#160; &#60;div&#160;id=&#34;d&#34;&#62;&#60;/div&#62; &#160; &#160; &#60;div&#160;id=&#34;e&#34;&#62;&#60;/div&#62; &#60;/div&#62;]]></description>
			<content:encoded><![CDATA[<p><a href="http://shawphy.com/demo/speciallayout/speciallayout.html" ><img src="http://shawphy.com/wp-content/uploads/2008/07/layout.gif" alt="" style="border:none;clear:both;margin-right:20px;" title="有趣的布局，点击查看html" class="alignleft size-thumbnail wp-image-64" height="283" width="283"/></a><br />
 　<br />
尝试一下，不用定位，只用浮动，就把这个排版排出来看看。</p>
<p>不要被她迷惑了，其实没你想的那么难</p>
<p>实在想不出来，可以看<a href="http://shawphy.com/demo/speciallayout/speciallayout.html">这里</a>。</p>
<div class="hl-surround"><ol class="hl-main ln-show" title="Double click to hide line number." ondblclick = "linenumber(this)"><li class="hl-firstline"><span style="color: Olive;">&lt;</span><span style="color: Green;">div</span><span style="color: Gray;"> </span><span style="color: #00008b;">id</span><span style="color: Gray;">=</span><span style="color: #8b0000;">&quot;</span><span style="color: Red;">wrap</span><span style="color: #8b0000;">&quot;</span><span style="color: Olive;">&gt;</span></li>
<li><span style="color: Gray;">&nbsp; &nbsp; </span><span style="color: Olive;">&lt;</span><span style="color: Green;">div</span><span style="color: Gray;">&nbsp;</span><span style="color: #00008b;">id</span><span style="color: Gray;">=</span><span style="color: #8b0000;">&quot;</span><span style="color: Red;">a</span><span style="color: #8b0000;">&quot;</span><span style="color: Olive;">&gt;&lt;/</span><span style="color: Green;">div</span><span style="color: Olive;">&gt;</span></li>
<li><span style="color: Gray;">&nbsp; &nbsp; </span><span style="color: Olive;">&lt;</span><span style="color: Green;">div</span><span style="color: Gray;">&nbsp;</span><span style="color: #00008b;">id</span><span style="color: Gray;">=</span><span style="color: #8b0000;">&quot;</span><span style="color: Red;">b</span><span style="color: #8b0000;">&quot;</span><span style="color: Olive;">&gt;&lt;/</span><span style="color: Green;">div</span><span style="color: Olive;">&gt;</span></li>
<li><span style="color: Gray;">&nbsp; &nbsp; </span><span style="color: Olive;">&lt;</span><span style="color: Green;">div</span><span style="color: Gray;">&nbsp;</span><span style="color: #00008b;">id</span><span style="color: Gray;">=</span><span style="color: #8b0000;">&quot;</span><span style="color: Red;">c</span><span style="color: #8b0000;">&quot;</span><span style="color: Olive;">&gt;&lt;/</span><span style="color: Green;">div</span><span style="color: Olive;">&gt;</span></li>
<li><span style="color: Gray;">&nbsp; &nbsp; </span><span style="color: Olive;">&lt;</span><span style="color: Green;">div</span><span style="color: Gray;">&nbsp;</span><span style="color: #00008b;">id</span><span style="color: Gray;">=</span><span style="color: #8b0000;">&quot;</span><span style="color: Red;">d</span><span style="color: #8b0000;">&quot;</span><span style="color: Olive;">&gt;&lt;/</span><span style="color: Green;">div</span><span style="color: Olive;">&gt;</span></li>
<li><span style="color: Gray;">&nbsp; &nbsp; </span><span style="color: Olive;">&lt;</span><span style="color: Green;">div</span><span style="color: Gray;">&nbsp;</span><span style="color: #00008b;">id</span><span style="color: Gray;">=</span><span style="color: #8b0000;">&quot;</span><span style="color: Red;">e</span><span style="color: #8b0000;">&quot;</span><span style="color: Olive;">&gt;&lt;/</span><span style="color: Green;">div</span><span style="color: Olive;">&gt;</span></li>
<li><span style="color: Olive;">&lt;/</span><span style="color: Green;">div</span><span style="color: Olive;">&gt;</span></li></ol></div>
]]></content:encoded>
			<wfw:commentRss>http://shawphy.com/2008/07/a-funny-layout.html/feed</wfw:commentRss>
		<slash:comments>18</slash:comments>
		</item>
	</channel>
</rss>
