Heim > Web-Frontend > HTML-Tutorial > html块之间换行_html/css_WEB-ITnose

html块之间换行_html/css_WEB-ITnose

WBOY
Freigeben: 2016-06-24 12:15:16
Original
967 Leute haben es durchsucht

<!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>
Nach dem Login kopieren

初学html,不知道问的问题是不是很小白……
这里我想知道id为footer的块为什么自动换行了?
Main Tittle of Web Page是第一行,main和content在第二行,footer为什么自动换到第三行去了(我在值里加上了float:left;变量)?


回复讨论(解决方案)


clear:both;
删除


clear:both;
删除
跪了,我怎么没试这个呢…谢谢红钻大哥。

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage