首页 » 建站技术 » 浏览内容

div+css设计网页时浮动问题的解决方法


2005-12-30 19:49:56 4,923 0 发表评论 字体: 作者:C.K.

体验版 88 元,个人版 128 元,多用户版 288元个人版160元升级到多用户版。

From:http://www.designac.com/Html/Html/20051028200044801.html

方法一、

  使用块级clear,即声明一个块的类属性为.clear {clear:both;}

方法二、

  使用内联元素清理,比如说在主浮动内容后跟一个内联元素。

.inlineclear {clear:both;}

方法三,使用双层div嵌套

#pubpage {display:block;clear:both;}
#main {display:block;float:left;}

内容

这样用的话,内部的main就会把浮动给撑起来

方法四、

/******clear float*******/
.clearfix:after {
content: “.”;
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac */
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

加在一个想表示成块的容器的类属性上,但此属性必须为第一个,如

第四种方法目前可以很好的兼容多种浏览器,并且不要加额外的元素就可以完成想要的布局,原文请看这里 http://www.positioniseverything.net/easyclearing.html

有了以上这几种方法,你在用div+css布局时就不会有那以多的苦恼了。

网站统计 Statistics

  • 创建时间: 2005年1月3日 距今5069 天
  • 日志总数: 2461
  • 评论总数: 630
  • 标签总数: 654
  • 链接总数: 273
  • 最后更新: 2018-8-31 17:57:04
  • 您是本站第 14180191 位访客

广告区 Guǎng Gào