Get the App
SLTechnology News&Howtos  ›  Development  › 

How to use div three-column layout left, middle and right to set through float float

Shulou Source: shulou.com Published: 2022-06-03 07:49:50 10月01日 Update

How to use div three-column layout left, middle and right through float floating to set, in view of this problem, this article introduces the corresponding analysis and solution in detail, hoping to help more partners who want to solve this problem to find a more simple and feasible method.

The following code structure div is divided into 3 rotten, left, middle and right, mainly through float floating to set, side floating on the left, side1 floating on the right, main automatically adapt to adjust its own width.

The code is as follows:

Body {margin:0px;} / / there is no white space around the page.

# side {background: # 99FF99; height: 300px; width: 120px; float: left;}

# side1 {background: # 99FF99; height: 300px; width: 120px; float: right;}

# main {background: # 99FFF; height: 300px; margin:0 120px;}

Ddddddd

Ffffff

Vvvvvvvvvvv

This is the answer to the question about how to use the div three-column layout left, middle and right to set up through the float float. I hope the above content can be of some help to you. If you still have a lot of doubts to solve, you can follow the industry information channel for more related knowledge.

Tags: Floating center-right question layout code more help answer easy easy content width guy partner method knowledge blank article web page industry Apple Docker Huawei Linux macOS MariaDB Microsoft MySQL NVidia OPPO Reno MySQL Xiaomi Shulou Tech Info vpn Microsoft