让div在容器底部浮动的css怎么写啊？

html-css014

让div在容器底部浮动的css怎么写啊？,第1张

.dibupiaofu {

z-index:99999position:fixedbottom:0left:0width:100%_position:absolute_top: expression(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight)overflow:visible}

.piaofutiao{Z-INDEX: 99999LEFT: 0pxOVERFLOW: hiddenBOTTOM: 0px_POSITION: fixed! importantHEIGHT: 45px background-image:url(../images/浮动/fudong.jpg)background-repeat:no-repeatTEXT-ALIGN: leftwidth:1310pxmargin:0 autoline-height:45px}

<div class="dibupiaofu">

<div id="piaofutiao" class="piaofutiao">

内容

</div>

</div>

你试一下这个！

清除浮动的方法主要一下几种：

(1).clear清除浮动（添加空div法）

在浮动元素下方添加空div,并给该元素写css样式 {clear:bothheight:0overflow:hidden}

(2).方法：给浮动元素父级设置高度

(3).方法：父级设置成inline-block

缺点：父级的margin左右auto失效，无法使用margin: 0 auto居中了

(4).给父级添加overflow:hidden 清浮动方法；

问题：需要配合 宽度 或者 zoom 兼容IE6 IE7；

overflow: hidden

*zoom: 1

(5).万能清除法 after伪类 清浮动（现在主流方法，推荐使用）

.clear:after{content:''display:blockclear:bothheight:0overflow:hiddenvisibility:hidden}

.clear{zoom:1}

浮动只有left和right，div中的元素无法浮动到底层。

浮动是css布局非常强大的布局功能，也是理解CSS布局的关键问题所在，在CSSW中，包括div在内的任何元素都可以浮动的方式显示。

浮动是一种非常有用的布局方式。它能够改变页面中对象的前后流动顺序。这样做的好处是，使得内容的排版变的简单，具有良好的伸缩性。举个例子，左右分栏的布局，左栏宽度为300px。如果使用一种相对的布局方式，可以使右栏显示在距左边300px的位置，这样可以使右栏贴着左栏进行显示。