清除浮动代码,Css代码库,德仔网

代码语言
代码分类
【Css】清除浮动
作者:Dezai.CN / 发布于2011/6/13/ 888
<div><span style="font-style: italic; color: rgb(128,128,128)">/* Our documents structure */</span>
body <span style="color: rgb(102,204,102)">{</span>
<span style="color: rgb(0,0,0); font-weight: bold">margin</span>: <span style="color: rgb(204,102,204)">0</span>;
<span style="color: rgb(0,0,0); font-weight: bold">text-align</span>: <span style="color: rgb(153,51,51)">center</span>;
<span style="color: rgb(0,0,0); font-weight: bold">padding</span>: <span style="color: rgb(204,102,204)">0</span>;
<span style="color: rgb(0,0,0); font-weight: bold">font</span>: 11px/<span style="color: rgb(204,102,204)">1</span><span style="color: rgb(102,102,255)">.8em </span>Verdana, Arial, Helvetica, <span style="color: rgb(153,51,51)">sans-serif</span>;
<span style="color: rgb(102,204,102)">}</span>

<span style="color: rgb(204,0,204)">#container <span style="color: rgb(102,204,102)">{</span></span>
<span style="color: rgb(0,0,0); font-weight: bold">margin</span>: <span style="color: rgb(153,51,51)">auto</span>;
<span style="color: rgb(0,0,0); font-weight: bold">text-align</span>: <span style="color: rgb(0,0,0); font-weight: bold">left</span>;
<span style="color: rgb(0,0,0); font-weight: bold">width</span>: 760px;
<span style="color: rgb(102,204,102)">}</span>

<span style="color: rgb(204,0,204)">#header <span style="color: rgb(102,204,102)">{</span></span>
<span style="color: rgb(0,0,0); font-weight: bold">border-bottom</span>: 1px <span style="color: rgb(153,51,51)">solid</span> #ddd;
<span style="color: rgb(0,0,0); font-weight: bold">height</span>: 80px;
<span style="color: rgb(0,0,0); font-weight: bold">margin-bottom</span>: 20px;
<span style="color: rgb(102,204,102)">}</span>

<span style="color: rgb(204,0,204)">#content <span style="color: rgb(102,204,102)">{</span></span>
<span style="color: rgb(0,0,0); font-weight: bold">float</span>: <span style="color: rgb(0,0,0); font-weight: bold">left</span>;
<span style="color: rgb(0,0,0); font-weight: bold">width</span>: 500px;
<span style="color: rgb(102,204,102)">}</span>

<span style="color: rgb(204,0,204)">#sidebar <span style="color: rgb(102,204,102)">{</span></span>
<span style="color: rgb(0,0,0); font-weight: bold">float</span>: <span style="color: rgb(0,0,0); font-weight: bold">right</span>;
<span style="color: rgb(0,0,0); font-weight: bold">width</span>: 240px;
<span style="color: rgb(102,204,102)">}</span>

<span style="color: rgb(204,0,204)">#footer <span style="color: rgb(102,204,102)">{</span></span>
<span style="color: rgb(0,0,0); font-weight: bold">border-top</span>: 1px <span style="color: rgb(153,51,51)">solid</span> #ddd;
<span style="color: rgb(0,0,0); font-weight: bold">margin-top</span>: 20px;
<span style="color: rgb(0,0,0); font-weight: bold">padding-top</span>: 3px;
<span style="color: rgb(102,204,102)">}</span>

<span style="font-style: italic; color: rgb(128,128,128)">/* This will clear the float in Internet Explorer */</span>
<span style="color: rgb(102,102,255)">.clearfix </span><span style="color: rgb(102,204,102)">{</span>
<span style="color: rgb(0,0,0); font-weight: bold">clear</span>: <span style="color: rgb(153,51,51)">both</span>;
<span style="color: rgb(102,204,102)">}</span>

<span style="font-style: italic; color: rgb(128,128,128)">/* This will force the clear in browsers such as Mozilla and Safari */</span>
.clearfix<span style="color: rgb(51,51,255)">:after </span><span style="color: rgb(102,204,102)">{</span>
<span style="color: rgb(0,0,0); font-weight: bold">clear</span>: <span style="color: rgb(153,51,51)">both</span>;
<span style="color: rgb(0,0,0); font-weight: bold">content</span>: <span style="color: rgb(255,0,0)">"."</span>;
<span style="color: rgb(0,0,0); font-weight: bold">display</span>: <span style="color: rgb(153,51,51)">block</span>;
<span style="color: rgb(0,0,0); font-weight: bold">height</span>: <span style="color: rgb(204,102,204)">0</span>;
<span style="color: rgb(0,0,0); font-weight: bold">visibility</span>: <span style="color: rgb(153,51,51)">hidden</span>;
<span style="color: rgb(102,204,102)">}</span></div>
试试其它关键字
　清除浮动　
同语言下
可能有用的
Dezai.CN贡献的其它代码(4037)