<?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>XiaoLun.Com &#124; EaKers° &#187; CSS</title>
	<atom:link href="http://www.xiaolun.com/tag/css/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.xiaolun.com</link>
	<description>记录代表了我很闲.这里很少更新,so,我很忙 ......</description>
	<lastBuildDate>Fri, 27 Aug 2010 03:28:55 +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>div所做下拉菜单被flash挡住解决方法</title>
		<link>http://www.xiaolun.com/2010/03/294-div-menu-flash-bug/</link>
		<comments>http://www.xiaolun.com/2010/03/294-div-menu-flash-bug/#comments</comments>
		<pubDate>Fri, 26 Mar 2010 04:27:49 +0000</pubDate>
		<dc:creator>EaKers</dc:creator>
				<category><![CDATA[Web]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[div]]></category>
		<category><![CDATA[flash]]></category>

		<guid isPermaLink="false">http://www.xiaolun.com/?p=294</guid>
		<description><![CDATA[这两天弄精品课程网站遇到的问题。 wp怎么总自动解析我的代码，郁闷。我明明已经加上code标签了。（哈哈，我截图，哼。） 网上找来方法如下： 有两种方法 一种就是设置flash为透明： 但是如果你在DW中插入动画，再加 param name="wmode" value="transparent" 是不生效的。要把整个的flash插件代码换成如下： 第二种方法：设置flash置底，加个代码： param name="wmode" value="opaque" / 但是只加这个代码，IE可行，在FF下，失效。要想在FF下起作用，还要用在]]></description>
		<wfw:commentRss>http://www.xiaolun.com/2010/03/294-div-menu-flash-bug/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>{转帖}浮动元素容器的clearing问题</title>
		<link>http://www.xiaolun.com/2009/04/63-css-float-clearing/</link>
		<comments>http://www.xiaolun.com/2009/04/63-css-float-clearing/#comments</comments>
		<pubDate>Wed, 08 Apr 2009 07:09:00 +0000</pubDate>
		<dc:creator>EaKers</dc:creator>
				<category><![CDATA[YyMmdd]]></category>
		<category><![CDATA[CSS]]></category>

		<guid isPermaLink="false">http://www.xiaolun.com/log/?action=show&amp;id=6</guid>
		<description><![CDATA[转帖自：http://www.ruanyifeng.com/blog/2009/04/float_clearing.html 自己也常遇到，贴过来记录下。 下面的问题非常专业，大概只有专门做网页设计的朋友才会感兴趣。 我遇到过这个问题好几次了，从来没有搞清楚过。今天，总算全部理解了，所以一定要写下来。 1. 问题的由来 有这样一种情形：在一个容器（container）中，有两个浮动的子元素，如图一。 （图一 设计视图是一个父容器中含有二个浮动的子元素） 请问HTML代码应该怎么写？ 很简单啦，几行字就够了。 &#60;div&#62; &#60;div style=&#8221;float:left;width:45%;&#8221;&#62;&#60;/div&#62; &#60;div style=&#8221;float:right;width:45%;&#8221;&#62;&#60;/div&#62; &#60;/div&#62; 上面的代码完全正确，但是如果在浏览器中一运行，就会出现意想不到的结果。 （图二 实际视图是子元素显示在父容器的外部） 两者好像脱离了关系一样，怎么会这样？ 2. 问题的原因 其实，原因很简单，与浮动定位有关。 在CSS规范中，浮动定位不属于正常的页面流（page flow），是独立定位的。所以，只含有浮动元素的父容器，在显示时不考虑子元素的位置，就当它们不存在一样。这就造成了显示出来，父容器好像空容器一样。 3. 解决方法一：添加空元素 经典的解决方法，就是在浮动元素下方添加一个非浮动元素，就像图三。 （图三 在父容器底部添加一个非浮动元素） 代码这样写： &#60;div&#62; &#60;div style=&#8221;float:left;width:45%;&#8221;&#62;&#60;/div&#62; &#60;div style=&#8221;float:right;width:45%;&#8221;&#62;&#60;/div&#62; &#60;div style=&#8221;clear:both;&#8221;&#62;&#60;/div&#62; &#60;/div&#62; 这样一来，就没问题，能够正常显示了。原理是父容器现在必须考虑非浮动子元素的位置，而后者肯定出现在浮动元素下方，所以显示出来，父容器就把所有子元素都包括进去了。 这种方法比较简单，但是要在页面中增加冗余标签，违背了语义网的原则。那么，有没有不修改HTML代码的方法呢？ 4. 解决方法二：浮动的父容器 另一种思路是，索性将父容器也改成浮动定位，这样它就可以带着子元素一起浮动了。 代码这样写： &#60;div style=&#8221;float:left;&#8221;&#62; &#60;div style=&#8221;float:left;width:45%;&#8221;&#62;&#60;/div&#62; &#60;div style=&#8221;float:right;width:45%;&#8221;&#62;&#60;/div&#62; &#60;/div&#62; 这种方法不用修改HTML代码，但是缺点在于父容器变成浮动以后，会影响到后面元素的定位，而且有时候，父容器是定位死的，无法变成浮动。 5. [...]]]></description>
		<wfw:commentRss>http://www.xiaolun.com/2009/04/63-css-float-clearing/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
