css 定位_html/css_WEB-ITnose
程序员文章站
2024-01-01 15:01:28
...
大家好
如下html代码:
我想实现,mainTool 一直在底部,content 的高度是除了mainTool之外的。所以我的css这样写:
不知道css是哪里出问题,求大家帮忙
如下html代码:
我想实现,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;}
不知道css是哪里出问题,求大家帮忙
回复讨论(解决方案)
#mainTool { position:absolute; bottom: 0px; background-color: yellow ; height: 50px; width:100%; /*增加这一条样式*/}
原来如此。谢谢。可以了。
CSS code
#mainTool {
position:absolute;
bottom: 0px;
background-color: yellow ;
height: 50px;
width:100%; /*增加这一条样式*/
}
推荐阅读
-
为什么div右浮动后还会换行_html/css_WEB-ITnose
-
怎么让iframe嵌套frameset框架,点击导航栏中超链接,浏览器url改变??_html/css_WEB-ITnose
-
IE7不兼容问题_html/css_WEB-ITnose
-
怎么实现背景色从中间往两边渐变?_html/css_WEB-ITnose
-
Head First HTML与CSS(第2版) 中文pdf扫描版
-
css 性能调优_html/css_WEB-ITnose
-
前端跨域的整理_html/css_WEB-ITnose
-
前端小白学web常见的问题,CSS定位的教程
-
复习HTML+CSS(2)
-
html5+css3之制作header实例与更新