位置不能固定

给

bottom:0;

时#footer的普通窗口它正确放置，我不能把我的页脚在正确的位置

<div id="logo"></div> 
<div id="content"> 
    <div id="trans"> 
    <div id="data"> 
     <div id="left"> </div> 
     <div id="right"> </div> 
    </div> 
</div> 
<div id="footer"></div> 


#footer { 
position:relative; 
width:100%; 
clear:both; 
}

，但是当窗口大小改变，页脚位置不正确。

来源

2013-12-20 neel

补充的位置是：固定; – Karuppiah

@Indian：我尝试过，但是当窗口大小调整后，所有其他内容都会关闭，但页脚仍然保持不变。 – neel

final：http://jsfiddle.net/L9tqk/10/ – Karuppiah

从#content #trans删除position:absolute;并设置float它：

DEMO

#content #trans { 
    background: rgba(0,0,0,0.3); 
    width:100%; 
    height:auto; 
    float:left; 
    border-radius:5px; 
    color:Red; 
    }

来源

2013-12-20 06:25:05

非常感谢您... – neel

@Parvathiiiii您的欢迎:) –

更改这个CSS位置相对和它的作品

#content #trans { 
    background: rgba(0,0,0,0.3); 
    width:100%; 
    height:auto; 
    position:relative; 
    top:0px; 
    left:0px; 
    z-index:-1; 
    border-radius:5px; 
    color:Red; 
    }

更新小提琴

http://jsfiddle.net/L9tqk/9/

来源

2013-12-20 06:24:19 Lakshmi

给fixed位置页脚。

#footer{ 
    position:fixed; 
}

Demo here.

OR：

给hidden溢出#content #trans。

写：

#content #trans{ 
    overflow:hidden; 
}

DEMO here.

来源

2013-12-20 06:24:32 Hiral

#footer { 
    position:fixed; 
    left:0px; 
    bottom:0px; 
    height:30px; 
    width:100%; 
    background:#999; 
} 

/* IE 6 */ 
* html #footer { 
    position:absolute; 
    top:expression((0-(footer.offsetHeight)+(document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight)+(ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop))+'px'); 
}

这适用于几乎所有的Web浏览器。它仍然是固定的，所有其他内容都将落后它。

来源

2013-12-20 06:28:21 sush

#content #trans { 
    background: rgba(0,0,0,0.3); 
    width:100%; 
    height:auto; 
    float:left; 
    top:0px; 
    left:0px; 
    z-index:-1; 
    border-radius:5px; 
    color:Red; 
    }

#footer { 
position:fixed; 
    bottom:0; 
    width:100%; 
    clear:both; 
}

来源

2013-12-20 06:31:13

最后的正确答案：http://jsfiddle.net/L9tqk/11/

change `position: absolute;` to `position: relative;` and 
    overflow: hidden; add in your `#content #trans`

来源

2013-12-20 06:33:27 Karuppiah

试试这个

#footer { 
    position:absolute; 
    width:100%; 
    clear:both; 
    bottom:0; 
}

来源

2013-12-20 06:34:53

位置不能固定

回答

相关问题