div布局
为什么页脚会跑上去呢？如图 你说的页脚是?
我试了下效果没错啊?
就是红色部分“这是我的脚” 本来是页脚的。现在跑到左边去了。
哦这是因为你没有清除浮动
left和right都是浮动的div 后边的div会放在它们下边(并且尽可能的贴着放)
在foot这个div之前加一个
另外你这个盒子模型还有个小问题 foot的id写成了"if"
http://www.colg.biz/demo/d1.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html> <head> <title> New Document </title> <meta name="Generator" content="EditPlus"> <meta name="author" content=""> <meta name="Keywords" content=""> <meta name="Description" content=""> <meta charset="utf-8"><title> 固定宽带且剧中页面</title><style>body {padding:0; margin:0; text-align:center;}#main {width:800px; padding:0; margin:0 auto; background:#900}#header { width:100%; height:100px; background:#06F}#left { float:left; width:300px; background:#936}#right { float:right; width:500px; background:#366}#foot {background:#90F;width:100%; height:50px}.clear {clear:both;}</style></head><body><div id="main"> <div id="header"> </div><div> <div id="left"> <p>a</p> <p>B</p> <p> </p> </div> <div id="right"> <p>1</p> <p>2</p><p><span>立即学习</span>“<a href="https://pan.quark.cn/s/cb6835dc7db1" style="text-decoration: underline !important; color: blue; font-weight: bolder;" rel="nofollow" target="_blank">前端免费学习笔记（深入）</a>”；</p> <p>3 </p> <p>4</p> <p>5</p> </div> <div class="clear"></div></div> <div id="foot"> 这是我的脚 </div></div></body></html> 哈，原来是我id="foot" 写成if="foot"
改过来就行了。DW没有纠错功能，真失败。
另外，用一个div包住浮动的left和right，也是一个不错的方法。谢谢哈
HTML怎么学习？HTML怎么入门？HTML在哪学？HTML怎么学才快？不用担心，这里为大家提供了HTML速学教程(入门课程)，有需要的小伙伴保存下载就能学习啦！
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
402
收藏
