How to use css to implement floating layout

This article mainly shows you "how to use css to achieve floating layout", the content is easy to understand, clear, hope to help you solve your doubts, the following let the editor lead you to study and learn "how to use css to achieve floating layout" this article.

Floating layout

Titlebody {margin: 0; padding: 0;}. Left {float: left; width: 300px; height: 100px; background-color: red;}. Right {float: right; width: 300px; height: 100px; background-color: blue;}. Center {margin: 0px 300px 0px 300px; background-color: black; height: 100px;} 1 2 3

Disadvantages: there will be the problem of collapse

The above is all the content of the article "how to use css to implement floating layout". Thank you for reading! I believe we all have a certain understanding, hope to share the content to help you, if you want to learn more knowledge, welcome to follow the industry information channel!