Rumah >hujung hadapan web >html tutorial >html块之间换行_html/css_WEB-ITnose
html块之间换行_html/css_WEB-ITnose
- WBOYasal
- 2016-06-24 12:15:16957semak imbas
<!DOCTYPE html><html><body><div id="container" style="width:1200px"><div id="header" style="background-color: #FFA500;"><h1 style="margin-bottom:0;">Main Tittle of Web Page</h1></div><div id="menu" style="background-color: ##FFD700; height:200px; width:100px; float:left;"><b>Menu</b> <br/> <!--"b emphasizes the text"-->HTML<br/>CSS<br/>JavaScirpt</div><div id="content" style="background-color:#EEEEEE; height:200px; width:400px; float:left;">Content goes here</div><div id="footer" style="background-color:#FFA500; clear:both;text-align:center; float:left; ">Copyright @ W3Schools.com <br/><a href="http://www.w3schools.com/html/html_layout.asp" target="_blank">http://www.w3schools.com/html/html_layout.asp</a></div></div></body></html>
初学html，不知道问的问题是不是很小白……
这里我想知道id为footer的块为什么自动换行了？
Main Tittle of Web Page是第一行，main和content在第二行，footer为什么自动换到第三行去了（我在值里加上了float:left;变量）？
回复讨论(解决方案)
把
clear:both;
删除
把
clear:both;
删除
跪了，我怎么没试这个呢…谢谢红钻大哥。
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：如何使用JS或css去掉a标签点击时、点击中、点击后的颜色_html/css_WEB-ITnoseArtikel seterusnya：一个css的兼容问题引发的DIV位置思考，望大家来帮助！！_html/css_WEB-ITnose