为了账号安全，请及时绑定邮箱和手机立即绑定

课程

/前端开发

/HTML/CSS

/如何用CSS进行网页布局

是否需要清除浮动

最后foot中为什么要设置清除浮动：clear:both啊。感觉前面没有设置浮动啊，而且我把清除浮动的去掉，还是达到了同样的效果。

黄太_后

2017-03-23

源自：如何用CSS进行网页布局  5-3

关注问题 我要回答
660
操作
收起

正在回答

3 回答

qq_慕神1420022
2022-03-31

嘿嘿，感谢收听

http://house.china.com.cn/sousou/%25101%253D%252C%2520%25%42%30%25%44%39%25%42%43%25%44%32%25%43%30%25%44%36%25%43%44%25%42%36%25%43%38%25%45%44%25%42%43%25%46%45%25%44%36%25%42%31%25%44%33%25%41%41%25%42%46%25%41%41%25%42%42%25%41%37%25%33%41%25%34%32%25%33%32%25%33%30%25%33%32%25%33%34%25%32%45%25%34%33%25%34%45%252C%25%42%33%25%42%31%25%44%36%25%44%44%25%43%43%25%46%41%25%43%44%25%41%38_1s.htmhttp://house.china.com.cn/sousou/%25101%253D%252C%2520%25%44%34%25%44%41%25%43%33%25%45%35%25%42%35%25%45%39%25%42%46%25%41%41%25%44%33%25%43%45%25%43%46%25%42%37%25%43%43%25%46%43%25%42%39%25%44%39%25%43%44%25%46%38%25%35%38%25%35%33%25%33%36%25%33%38%25%33%36%25%41%33%25%41%45%25%41%33%25%43%33%25%41%33%25%43%46%25%41%33%25%43%44%252C%25%43%38%25%46%44%25%43%33%25%46%37%25%43%31%25%41%41%25%43%44%25%41%38_1s.htmhttp://house.china.com.cn/sousou/%25101%253D%252C%2520%25%44%33%25%45%41%25%43%43%25%45%46%25%42%39%25%46%41%25%42%43%25%43%41%25%43%30%25%43%46%25%42%30%25%45%35%25%42%39%25%44%39%25%43%44%25%46%38%25%35%38%25%35%33%25%33%36%25%33%38%25%33%36%25%41%31%25%41%34%25%34%33%25%34%46%25%34%44%252C%25%43%43%25%41%39%25%44%36%25%44%44%25%43%33%25%43%30%25%43%41%25%42%33_1s.htmhttp://house.china.com.cn/sousou/%25101%253D%252C%2520%25%42%39%25%46%42%25%42%32%25%41%39%25%43%41%25%45%34%25%42%35%25%43%34%25%43%46%25%45%42%25%43%42%25%43%30%25%42%46%25%41%41%25%42%42%25%41%37%25%35%38%25%35%33%25%33%36%25%33%38%25%33%36%25%32%45%25%36%33%25%41%33%25%43%46%25%41%33%25%43%44%252C%25%43%45%25%41%42%25%42%37%25%42%42%25%42%35%25%45%37%25%44%30%25%43%35_1s.htmhttp://house.china.com.cn/sousou/%25101%253D%252C%2520%25%43%33%25%45%35%25%42%35%25%45%39%25%43%41%25%44%33%25%43%36%25%42%35%25%42%36%25%43%34%25%42%32%25%41%39%25%43%44%25%46%38%25%44%36%25%42%37%25%35%38%25%35%33%25%33%36%25%33%38%25%33%36%25%32%45%25%41%33%25%43%33%25%41%33%25%43%46%25%41%33%25%43%44%252C%25%44%30%25%43%46%25%43%43%25%41%38%25%42%39%25%45%33%25%42%32%25%41%35_1s.htmhttp://house.china.com.cn/sousou/%25101%253D%252C%2520%25%42%46%25%41%41%25%44%30%25%43%34%25%42%30%25%44%39%25%42%43%25%44%32%25%43%30%25%44%36%25%43%46%25%44%36%25%42%44%25%46%30%25%44%36%25%42%31%25%44%33%25%41%41%25%42%46%25%41%41%25%42%42%25%41%37%25%33%41%25%34%32%25%33%32%25%33%30%25%33%32%25%33%34%25%32%45%25%34%33%25%34%45%252C%25%42%39%25%43%43%25%44%34%25%41%44%25%42%31%25%43%46%25%44%32%25%42%35%25%43%39%25%46%41_1s.htmhttp://house.china.com.cn/sousou/%25101%253D%252C%2520%25%42%30%25%44%39%25%42%43%25%44%32%25%39%38%25%42%37%25%44%37%25%41%32%25%42%32%25%45%31%25%43%44%25%46%38%25%44%36%25%42%37%25%42%39%25%44%39%25%43%44%25%46%38%25%34%32%25%33%32%25%33%30%25%33%32%25%33%34%25%32%45%25%34%33%25%34%45%252C%25%42%33%25%41%33%25%42%35%25%43%32%25%44%35%25%44%30%25%43%36%25%42%38_1s.htmhttp://house.china.com.cn/sousou/%25101%253D%252C%2520%25%43%44%25%46%45%25%43%34%25%45%31%25%43%42%25%42%39%25%43%38%25%43%42%25%43%44%25%46%38%25%44%36%25%42%37%25%42%39%25%44%39%25%43%44%25%46%38%25%35%38%25%35%33%25%33%36%25%33%38%25%33%36%25%41%31%25%41%34%25%34%33%25%34%46%25%34%44%252C%25%42%41%25%45%32%25%44%31%25%46%34%25%42%39%25%45%33%25%42%32%25%41%35_1s.htmhttp://house.china.com.cn/sousou/%25101%253D%252C%2520%25%42%30%25%44%39%25%42%43%25%44%32%25%43%30%25%44%36%25%43%36%25%43%36%25%42%44%25%45%32%25%44%32%25%43%37%25%42%39%25%44%39%25%43%44%25%46%38%25%34%32%25%33%32%25%33%30%25%33%32%25%33%34%25%32%45%25%34%33%25%34%45%252C%25%42%31%25%41%33%25%43%39%25%42%44%25%43%39%25%45%37%25%42%31%25%41%33_1s.htmhttp://house.china.com.cn/sousou/%25101%253D%252C%2520%25%44%35%25%46%44%25%42%39%25%45%36%25%43%46%25%44%46%25%43%39%25%43%46%25%44%33%25%45%39%25%43%30%25%44%36%25%42%39%25%44%39%25%43%44%25%46%38%25%35%38%25%35%33%25%33%36%25%33%38%25%33%36%25%41%31%25%41%34%25%34%33%25%34%46%25%34%44%252C%25%44%30%25%45%43%25%44%36%25%44%44%25%42%44%25%44%41%25%43%34%25%42%46%25%42%31%25%45%44_1s.htmhttp://house.china.com.cn/sousou/%25101%253D%252C%2520%25%42%39%25%46%42%25%42%32%25%41%39%25%42%32%25%42%42%25%43%41%25%43%37%25%42%43%25%44%39%25%42%35%25%43%34%25%42%46%25%41%41%25%42%42%25%41%37%25%35%38%25%35%33%25%33%36%25%33%38%25%33%36%25%32%45%25%36%33%25%41%33%25%43%46%25%41%33%25%43%44%252C%25%42%36%25%41%42%25%44%33%25%41%41%25%43%45%25%43%30%25%43%41%25%44%33_1s.htmhttp://house.china.com.cn/sousou/%25101%253D%252C%2520%25%42%30%25%44%39%25%42%43%25%44%32%25%43%30%25%44%36%25%43%36%25%42%44%25%44%37%25%41%32%25%43%45%25%43%38%25%44%36%25%42%31%25%44%33%25%41%41%25%42%46%25%41%41%25%42%42%25%41%37%25%33%41%25%34%32%25%33%32%25%33%30%25%33%32%25%33%34%25%32%45%25%34%33%25%34%45%252C%25%42%31%25%41%33%25%43%39%25%42%44%25%44%32%25%43%36%25%42%36%25%41%46_1s.htmhttp://house.china.com.cn/sousou/%25101%253D%252C%2520%25%42%30%25%43%34%25%43%33%25%43%35%25%42%32%25%41%39%25%42%32%25%43%41%25%43%44%25%42%36%25%44%37%25%41%32%25%42%43%25%42%43%25%42%46%25%41%41%25%42%42%25%41%37%25%35%38%25%35%33%25%33%36%25%33%38%25%33%36%25%32%45%25%36%33%25%41%33%25%43%46%25%41%33%25%43%44%252C%25%43%45%25%45%34%25%42%41%25%42%41%25%43%45%25%43%30%25%43%39%25%46%41%25%42%45%25%44%36_1s.htmhttp://house.china.com.cn/sousou/%25101%253D%252C%2520%25%42%30%25%44%39%25%42%43%25%44%32%25%43%30%25%44%36%25%44%36%25%41%45%25%43%44%25%42%36%25%44%37%25%41%32%25%42%43%25%42%43%25%42%39%25%44%39%25%43%44%25%46%38%25%35%38%25%35%33%25%33%36%25%33%38%25%33%36%25%41%31%25%41%34%25%34%33%25%34%46%25%34%44%252C%25%42%41%25%42%41%25%44%36%25%44%30%25%43%38%25%43%38%25%43%42%25%44%31_1s.htmhttp://house.china.com.cn/sousou/%25101%253D%252C%2520%25%42%37%25%43%36%25%43%32%25%43%39%25%42%31%25%46%36%25%44%37%25%41%46%25%43%46%25%44%30%25%42%41%25%43%44%25%43%44%25%46%38%25%42%39%25%44%39%25%43%44%25%46%38%25%35%38%25%35%33%25%33%36%25%33%38%25%33%36%25%41%31%25%41%34%25%34%33%25%34%46%25%34%44%252C%25%42%31%25%46%35%25%44%36%25%44%44%25%43%43%25%46%41%25%43%44%25%41%38_1s.htmhttp://house.china.com.cn/sousou/%25101%253D%252C%2520%25%42%30%25%44%39%25%42%43%25%44%32%25%43%30%25%44%36%25%43%44%25%42%36%25%44%37%25%41%32%25%44%36%25%46%41%25%43%44%25%46%38%25%44%36%25%42%37%25%35%38%25%35%33%25%33%36%25%33%38%25%33%36%25%32%45%25%41%33%25%43%33%25%41%33%25%43%46%25%41%33%25%43%44%252C%25%44%34%25%43%36%25%42%38%25%41%31%25%42%44%25%42%39%25%42%35%25%45%33_1s.htmhttp://house.china.com.cn/sousou/%25101%253D%252C%2520%25%42%31%25%41%33%25%43%46%25%44%35%25%42%30%25%44%39%25%42%43%25%44%32%25%43%30%25%44%36%25%44%34%25%46%35%25%43%33%25%42%34%25%42%39%25%44%39%25%42%37%25%42%44%25%43%44%25%46%38%25%44%36%25%42%37%25%34%32%25%33%32%25%33%30%25%33%32%25%33%34%25%32%45%25%34%33%25%34%45%252C%25%44%35%25%44%31%25%43%44%25%41%38%25%43%38%25%43%42%25%43%31%25%41%36%25%44%37%25%43%41%25%44%34%25%42%34_1s.htmhttp://house.china.com.cn/sousou/%25101%253D%252C%2520%25%42%30%25%43%34%25%43%33%25%43%35%25%42%30%25%44%39%25%42%43%25%44%32%25%43%30%25%44%36%25%42%43%25%42%43%25%42%43%25%42%43%25%42%39%25%44%39%25%43%44%25%46%38%25%35%38%25%35%33%25%33%36%25%33%38%25%33%36%25%41%31%25%41%34%25%34%33%25%34%46%25%34%44%252C%25%42%45%25%41%33%25%44%36%25%44%44%25%44%35%25%44%30%25%43%36%25%42%38_1s.htmhttp://iias.tsinghua.edu.cn/search/%E7%BC%85%E7%94%B8%E5%B0%8F%E5%8B%90%E6%8B%89%E7%BB%B4%E5%8A%A0%E6%96%AF%E7%BD%91%E6%8A%95%E7%9B%B4%E8%90%A5%E5%BC%80%E6%88%B7%3ATL262%C2%B7%EF%BC%A3%EF%BC%AF%EF%BC%AD%E5%AE%9C%E5%AE%BE%E6%AF%95%E4%B8%9A%E7%94%9F%EF%BC%AE%EF%BD%87http://www.minitu.cn/?s=%E7%BC%85%E5%8C%97%E7%9A%87%E5%AE%B6%E5%9B%BD%E9%99%85%E4%B8%8A%E4%B8%8B%E5%88%86%E6%8E%A8%E8%8D%90TL262%C2%B7C%EF%BC%AFM%E6%96%B0%E4%B9%A1%E4%BA%A4%E9%80%9Ahttps://mod.3dmgame.com/mods?mods_title=%E7%BC%85%E7%94%B8%E6%96%B0%E7%99%BE%E8%83%9C%E5%AE%98%E7%BD%91%E7%BD%91%E5%9D%80TL262%C2%B7C%EF%BC%AFM%E6%B0%B8%E5%B7%9E%E7%94%B5%E5%8F%B0http://biz.finance.sina.com.cn/zjzt/more.php?lytype=ipoly_hyxdly&title=%C4%FE%CF%C4%C7%E0%CD%AD%CF%BF%D5%E6%C8%CB%C1%FA%BB%A2%B9%D9%B7%BD%CD%F8%D6%B7B2024%A1%A4CN%C4%CF%D1%F4%BD%DA%C4%BF%D7%E9http://iias.tsinghua.edu.cn/search/%E7%9A%87%E5%AE%B6%E5%9B%BD%E9%99%85%E5%9C%A8%E7%BA%BF%E5%AE%A2%E6%9C%8D%E5%BC%80%E6%88%B7B2024.cN%E6%B7%AE%E5%8C%97%E7%A4%BE%E4%BF%9Dhttp://www.minitu.cn/?s=%E7%BC%85%E7%94%B8%E6%96%B0%E7%99%BE%E8%83%9C%E5%BC%80%E5%8F%B7%E7%BD%91%E5%9D%80B2024.%EF%BC%A3N%E5%92%B8%E5%AE%81%E5%8D%AB%E8%AE%A1%E5%A7%94%EF%BC%A5%EF%BC%98http://dblab.xmu.edu.cn/?s=%E8%80%81%E8%A1%97%E7%9A%87%E5%AE%B6%E5%88%A9%E5%8D%8E%E5%A8%B1%E4%B9%90%E6%80%8E%E4%B9%88%E5%AE%89%E8%A3%85%E5%AE%98%E7%BD%91B2024%EF%BC%8E%EF%BC%A3N%E6%83%A0%E5%B7%9E%E8%8A%82%E7%9B%AE%E8%A1%A8%EF%BC%A3%EF%BC%8Ahttps://search.bilibili.com/all?keyword=%E7%BC%85%E7%94%B8%E9%93%B6%E9%92%BB%E5%A8%B1%E4%B9%90%E5%90%A7%E5%AE%98%E7%BD%91TL262%EF%BC%8E%EF%BC%A3%EF%BC%AF%EF%BC%AD%E6%96%B0%E4%B9%A1%E6%96%B0%E9%97%BBhttps://wap.zol.com.cn/index.php?c=List_List&keyword=%E6%B2%B3%E5%8D%97%E6%B5%8E%E6%BA%90%E7%BD%91%E4%B8%8A%E9%BE%99%E8%99%8EB2024%C2%B7CN%E6%89%AC%E5%B7%9E%E7%94%B5%E4%BF%A1http://www.minitu.cn/?s=%E5%B9%BF%E8%A5%BF%E9%98%B2%E5%9F%8E%E6%B8%AF%E6%89%8B%E6%9C%BA%E7%BD%91%E6%8A%95%E5%B9%B3%E5%8F%B0%E7%BD%91%E5%9D%80TL262.%EF%BC%A3%EF%BC%AF%EF%BC%AD%E5%90%95%E6%A2%81%E9%98%B2%E7%96%AB%EF%BD%81http://gdh.dict.cn/%E5%9B%9B%E5%B7%9D%E8%B5%84%E9%98%B3%E7%BD%91%E4%B8%8A%E6%89%8B%E6%9C%BA%E6%8A%95%E6%B3%A8%E3%80%90B2024.CN%E6%AC%A2%E8%BF%8E%E6%82%A8%E3%80%91%E4%B8%AD%E5%8D%AB%E5%88%86%E5%85%AC%E5%8F%B8https://db.auto.sina.com.cn/search/?search_txt=%E7%9A%87%E5%AE%B6%E5%9B%BD%E9%99%85%E5%9C%A8%E7%BA%BF%E8%B5%8C%E5%8E%85%E7%BB%8F%E7%BA%AA%E4%BA%BA%E3%80%90B2024%C2%B7CN%E6%AC%A2%E8%BF%8E%E6%82%A8%E3%80%91%E6%B2%A7%E5%B7%9E%E5%B9%BF%E6%92%ADhttps://www.oschina.net/search?scope=news&q=%E7%9A%87%E5%AE%B6%E5%9B%BD%E9%99%85%E6%80%8E%E4%B9%88%E8%81%94%E7%B3%BB%E5%9C%A8%E7%BD%91%E4%B8%8A%E5%A6%82%E4%BD%95%E6%8A%95%E6%B3%A8%E3%80%90%E5%AE%98%E7%BD%91%E2%86%92TL262%C2%B7C%EF%BC%AFM%E3%80%91%E6%8A%9A%E9%A1%BA%E9%AB%98%E6%A0%A1http://biz.finance.sina.com.cn/zjzt/more.php?lytype=ipoly_hyxdly&title=%D0%C2%B0%D9%C0%FB%D3%E9%C0%D6%D3%C3%BB%A7%D7%A2%B2%E1%B9%D9%CD%F8B2024%A1%A4CN%C7%EC%D1%F4%C1%AA%CD%A8https://mod.3dmgame.com/mods?mods_title=%E7%8E%8B%E8%80%85%E8%87%B3%E5%B0%8A%E7%8E%B0%E5%9C%BA%E5%BC%80%E6%88%B7%E6%89%BE%E8%B0%81%E5%AE%98%E6%96%B9%E7%BD%91%E5%9D%80B2024.CN%E5%AE%A3%E5%9F%8E%E5%8A%9E%E4%BA%8B%E5%A4%84%EF%BD%95http://iias.tsinghua.edu.cn/search/%E7%BC%85%E7%94%B8%E9%87%91%E9%BC%8E%E5%9C%A8%E7%BA%BF%E5%AE%A2%E6%9C%8D%E3%80%90%E5%AE%98%E7%BD%91%E2%86%92TL262%C2%B7%EF%BC%A3%EF%BC%AF%EF%BC%AD%E3%80%91%E6%B9%96%E5%B7%9E%E7%BD%91%E9%80%9A%EF%BD%9Ahttp://www.minitu.cn/?s=%E6%B5%99%E6%B1%9F%E6%85%88%E6%BA%AA%E9%BE%99%E8%99%8E%E5%B9%B3%E5%8F%B0%E5%AE%98%E6%96%B9%E7%BD%91%E5%9D%80TL262%C2%B7%EF%BC%A3%EF%BC%AF%EF%BC%AD%E9%85%92%E6%B3%89%E7%BD%91%E9%80%9Ahttps://www.oschina.net/search?scope=news&q=%E7%9A%87%E5%AE%B6%E5%9B%BD%E9%99%85%E5%9C%A8%E7%BA%BF%E5%85%AC%E5%8F%B8%E5%A6%82%E4%BD%95%E8%81%94%E7%B3%BB%E7%94%B5%E8%AF%9D%E5%BC%80%E6%88%B7%E5%AE%98%E7%BD%91TL262%C2%B7C%EF%BC%AFM%E7%99%BD%E5%B1%B1%E5%AD%A6%E5%BA%9C%EF%BC%AAhttps://wap.zol.com.cn/index.php?c=List_List&keyword=%E6%9E%9C%E5%8D%9A%E4%B8%9C%E6%96%B9%E9%BE%99%E8%99%8E%E6%8A%95%E6%B3%A8%E5%85%AC%E5%BC%8F%E3%80%90%E5%AE%98%E7%BD%91%E2%86%92TL262%C2%B7C%EF%BC%AFM%E3%80%91%E4%B8%AD%E5%8D%AB%E6%96%B0%E9%97%BB%EF%BD%99%EF%BD%8Ahttp://gdh.dict.cn/%E9%93%B6%E9%92%BB%E5%A8%B1%E4%B9%90%E7%BC%85%E7%94%B8%E9%92%BB%E7%9F%B3%E5%9B%BD%E9%99%85%E5%BC%80%E6%88%B7B2024.cN%E5%95%86%E6%B4%9B%E7%94%B5%E8%A7%86%E5%8F%B0https://iias.tsinghua.edu.cn/search/%E7%BC%85%E7%94%B8%E8%BF%AA%E5%A8%81%E5%A8%B1%E4%B9%90%E5%BC%80%E6%88%B7%E5%BE%AE%E4%BF%A1%E5%BC%80%E6%88%B7%E7%94%B5%E8%AF%9D%E5%AE%98%E7%BD%91B2024%EF%BC%8E%EF%BC%A3N%E5%B9%BF%E5%B7%9E%E8%8A%82%E7%9B%AE%E8%A1%A8/feed/rss2/https://www.oschina.net/search?scope=all&q=%E8%80%81%E8%A1%97%E8%85%BE%E9%BE%99%E5%9B%BD%E9%99%85%E7%82%B9%E5%87%BB%E9%83%A8%E7%94%B5%E8%AF%9D%E3%80%90TL262%C2%B7%EF%BC%A3%EF%BC%AF%EF%BC%AD%E6%AC%A2%E8%BF%8E%E6%82%A8%E3%80%91%E8%B5%84%E9%98%B3%E5%8D%AB%E7%94%9F%E5%B1%80http://dblab.xmu.edu.cn/?s=%E7%BC%85%E7%94%B8%E7%BB%B4%E5%8A%A0%E6%96%AF%E5%A8%B1%E4%B9%90%E7%8E%B0%E5%9C%BA%E5%AE%98%E7%BD%91B2024%C2%B7CN%E5%B2%B3%E9%98%B3%E7%84%A6%E7%82%B9%EF%BD%9Dhttps://b2b.baidu.com/s?q=%E9%BC%8E%E7%9B%9B%E5%81%9A%E4%BB%A3%E7%90%86%E5%8F%AF%E4%BB%A5%E5%90%97%E7%9B%B4%E8%90%A5%E7%BD%91B2024%C2%B7CN%E9%81%82%E5%AE%81%E8%8A%82%E7%9B%AE%E8%A1%A8&from=search

0 回复 有任何疑惑可以回复我~
收起回答
慕设计2315135
2017-03-23


我是这样写的，所以我要清除浮动。

body{ margin:0; padding:0; font-size:30px; color:#fff}

.top{height：100px;background:gray;}

.main{height:500px;background:red;}

.left{height:500px;width:19%;background:blue;float:left;}

.right{height:500px;width:79%;background:green;float:right;}

.foot{height:100px;background:orange;clear:both;}


0 回复 有任何疑惑可以回复我~
收起回答
#1

Levier007

你这个做的不对吧 题目只要求右边宽度自适应 但你这个让左右都宽度自适应了
2017-05-06 回复 有任何疑惑可以回复我~
#2

茶杯养鲸鱼

left是固定宽度的
2017-06-03 回复 有任何疑惑可以回复我~
慕设计2315135
2017-03-23

我觉得你都没有用浮动，那你有什么浮动要清除吗？clear是设置一个元素的侧面是否允许其它的浮动元素，既然没有设置浮动就不需要清除了。

0 回复 有任何疑惑可以回复我~
收起回答

举报

0/150
提交
取消
如何用CSS进行网页布局
  • 参与学习       209666    人
  • 解答问题       1153    个

用最简洁的案例教你布局的那些知识，这是前端工程师基本技能

进入课程

是否需要清除浮动

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信