Community Learn Tools Library Leisure
search
English
Home > Web Front-end > HTML Tutorial > Line breaks between html blocks_html/css_WEB-ITnose

Line breaks between html blocks_html/css_WEB-ITnose

WBOY
Release： 2016-06-24 12:15:16
Original
967 people have browsed it

<!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>
Copy after login

I am new to HTML, so I don’t know if the question I am asking is too simple...
Here I want to know why the block with the ID of footer is automatically wrapped?
Main Tittle of Web Page is the first line, main and content are on the second line, why does the footer automatically change to the third line (I added the float:left; variable to the value)?


Reply to discussion (solution)

remove
clear:both;
delete

remove
clear:both;
Delete
I'm on my knees, why didn't I try this... Thank you, Brother Red Diamond.

Related labels：
html块之间换行
source：php.cn
Previous article：How to use JS or css to remove the color of a tag when clicked, during click, and after click_html/css_WEB-ITnose Next article：A css compatibility issue caused me to think about the DIV position. I hope you can help me! ! _html/css_WEB-ITnose
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Latest Articles by Author
Latest Issues
Need help building a method that returns the earliest date value I'm refactoring a method for a legacy codebase I took over. This method accepts an object ...
From 2024-04-04 19:51:19
0
1
1344
Flex spacing broken when trying to overflow HTML <pre><code> tag instead of wrapping I apply CSS to the precode selector in order to make styled code blocks like you would see...
From 2024-04-01 12:22:06
0
1
296
Toggle text area to switch between HTML code and preview I want to use textarea to switch between HTML code and preview html. When the HTML is clic...
From 2024-03-31 11:52:47
0
1
348
Related Topics
More>
Popular Recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template