Skip navigation.

Forestgan

CSS layout in China

再谈一下关于清除浮动(闭合浮动元素)最简单的方法

, , ,

最简单的清除浮动(闭合浮动元素的方法是在父级容器内,浮动对象下面再插入一个额外的DIV标签,来清除浮动(clear),浏览器兼容性好,没有HACKS,缺点是要增加一个无语义的标签,但在有的布局下,可使这个只起到清除作用的DIV,具有语义化.

先看代码

<div class="wrap">
    <div id="sideright">
      <p>......</p>
    </div>
    <div id="sideleft">
    <p>......</p>
    </div>
    <div id="foot">
      <address>
      http://www.forest53.com
      </address>
    </div>
  </div>


其中WRAP是父级容器,sideright和sideleft是左、右部分的内容,foot里放了内容,在左、右内容的下面,并在父级容器里面,起到了清除浮动DIV的作用。

效果预览

让More和更多链接具有亲和力和无障碍化一种鼠标放在链接上显示网站缩略图的新方法

Comments

Anonymous 4. July 2006, 02:41

anthony writes:

强烈支持!
我是站长的死忠fan!
请问站长可不可以给我您的icq?msn?QQ?谢谢了!!!
我的QQ276790137
msn: anthony54288@hotmail.com
真的很想跟站长学习啊!

Anonymous 4. July 2006, 02:44

Anonymous writes:

http://www.forest53.com/news/news_show.asp?id=39

对了,出现点问题,这一页在firefox点-- 返回前一页 --没有反应

Anonymous 3. August 2006, 09:04

Anonymous writes:

太强了,老长辈啊,佩服

Anonymous 29. January 2007, 08:47

Anonymous writes:

好佩服你哦,大叔,CSS用得这么的熟

我刚学,以后会经常光顾,请您多多指教!!!

How to use Quote function:

  1. Select some text
  2. Click on the Quote link

Write a comment

Comment
(BBcode and HTML is turned off for anonymous user comments.)

If you can't read the words, press the small reload icon.


Smilies

December 2009
S M T W T F S
November 2009January 2010
1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31