css 定位
大家好
如下html代码:
<body>
<div id="content">
</div>
<div id="mainTool"></div>
</body>
我想实现,mainTool 一直在底部,content 的高度是除了mainTool之外的。所以我的css这样写:
*{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;}
#mainTool { position:absolute; bottom: 0px; background-color: yellow ; height: 50px; width:100%; /*增加这一条样式*/}