Maison > Article > interface Web > 一个css问题_html/css_WEB-ITnose
一个css问题_html/css_WEB-ITnose
- WBOYoriginal
- 2016-06-21 09:23:26789parcourir
<!DOCTYPE><html><head><meta http-equiv="Content-Type" content="text/html;charset=utf-8" /><title>html页面</title><style>*{padding: 0;margin: 0}#main{width:auto;height: auto;background-color: #ccc;position: relative;padding: 20px;}#left{position: absolute;width: 300px;height: 500px;background-color: blue;}#right{margin: 0 0 0 330px;background-color: yellow;}#footer{width: auto;height: 100px;background-color: orange;text-align: center;}</style></head><body><div id='main'> <div id="left">左边</div> <div id="right">右边</div></div><div id="footer">底部</div></body></html> 问题是：footer怎么样下沉到最底部
我想要达到的效果是：
-----“右边"高度和宽度自适应，窗口变化时自动跟着变化
回复讨论(解决方案)
主要是position:fixed这个属性
谢谢楼上的兄弟，已经用另外的方法解决了
<!DOCTYPE><html><head><meta http-equiv="Content-Type" content="text/html;charset=utf-8" /><title>html页面</title><style>*{padding: 0;margin: 0}#main{width:auto;height: auto;background-color: #ccc;padding: 20px;overflow: auto;}#left{float:left;width: 300px;height: 500px;background-color: blue;position: relative;}#right{background-color: yellow;margin-left: 330px;}#footer{width: auto;height: 100px;background-color: orange;text-align: center;clear:both;}</style></head><body><div id='main'> <div id="left">左边</div> <div id="right">右边</div></div><div id="footer">底部</div></body></html> Déclaration：
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent：织梦会员后台发表说说带图片就会出现乱码_html/css_WEB-ITnoseArticle suivant：为什么720*1280的屏幕网页却不能是720宽_html/css_WEB-ITnose