首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

css 定位,该如何解决

2012-06-18 
css 定位大家好如下html代码:bodydiv idcontent/divdiv idmainTool/div/body我想实现,m

css 定位
大家好
如下html代码:
<body>
<div id="content">
</div>

<div id="mainTool"></div>
</body>

我想实现,mainTool 一直在底部,content 的高度是除了mainTool之外的。所以我的css这样写:

CSS code
*{margin:0;padding:0;}html,body{    height: 100%;}body{    background: black;}#content {    height:100%;    border-bottom: 50px; }#mainTool  {    position:absolute;   //这里设置绝对定位,当有这一句时,整个mainTool都消失不见了。去掉的话就可以见到。    bottom: 0px;     //使它一直在底部    background-color: yellow ;    height: 50px;     //高度为固定的50px;}
 

不知道css是哪里出问题,求大家帮忙


[解决办法]
CSS code
#mainTool  {    position:absolute;    bottom: 0px;    background-color: yellow ;    height: 50px;    width:100%; /*增加这一条样式*/} 

热点排行