div布局问题 怎么沉底？【HTML】

web前端|html教程

div布局问题，怎么沉底？

web前端-html教程

本帖最后由 lane_yang 于 -11-12 15:57:26 编辑

方维订餐系统源码,cr lf vscode,vhd ubuntu,tomcat 启动 断点,sqlite3 日期差,wp广告悬浮插件,关于前端框架的题目及答案,远古爬虫兽是什么动物,php if 叹号,宝冢濑央 seo,asp网站后台登录,html5网页视频特效代码,易企秀换自己的模板lzw

body{ margin:0px; } #head{ height:50px; background-color:lightGreen; } #nav{ float:left; width:100%; height:200px; background-color:gray; } #content { float:right; width:80%; height:600px; background-color:lightGray; } #foot{ height:50px; background-color:lightGreen; } .clearFloat{ clear:both; } #img { float:left; width:100%; height:200px; background-color:lightBlue; margin-bottom:0px; }#main { float:left; width:100%; margin-bottom:0px; } #navContainer{ float:left; width:20%; background-color:#eeeeee; margin-bottom:0px; }

header

tree

image

content

footer

上面代码运行效果如下：

问题：请教各位大侠，我想把Img的div，放到foot之上左下角，如何做？非常感谢！！！

补充说明一下：content层是根据内容高度不固定。

ssc pk10php源码,vscode 引用包错误,ubuntu旋转屏幕,tomcat7 idea,恐龙 爬虫,php哪个公司,北京seo网络推广软件,发布广告网站源码,织梦仿模板堂资源交易下载整站源码lzw

回复讨论(解决方案)

手机html分销网站源码下载,ubuntu连宽带软件,node爬虫采集网址,php print,seo最强cmslzw

*{margin:0;padding:0;}._main{border:1px solid #ABC;width:500px;min-height:400px;margin:10px auto;position:relative;padding-bottom:20px;}._main header{border:1px solid green;height:20px;width:200px;}._main footer{border:1px solid green;position:absolute;left:0;bottom:0;}

aaa

aaa

自伸缩居底

感谢回复，但是我这个程序要兼容不支持html5的浏览器

晕哦，你就这样感谢的啊，无满意结贴你也少得五十分！

不管怎么说我手动给你打代码测试了半天，没功劳还没苦劳啊~