Get the App
SLTechnology News&Howtos  ›  Development  › 

How to write a commonly used web page layout to achieve one side fixed and the other side to adapt to full

Shulou Source: shulou.com Published: 2022-06-03 08:06:01 10月04日 Update

The content of this article mainly explains "how to write a commonly used web page layout to achieve one side fixed and the other side to adapt to full", interested friends may wish to take a look. The method introduced in this paper is simple, fast and practical. Next let the editor to take you to learn "how to write a commonly used web page layout to achieve one side fixed and the other side to adapt to full" bar!

The code is as follows:

Untitled document

Body

{

Margin:0

Padding:0

Word-wrap:break-word

Background-color:#CCC

}

.main

{

Margin:0px 50px 0px 50px

Min-height:600px

}

.left _ nav

{

Float:left

Position:absolute

Margin-left:0px

Width:300px

Background-color:#F96

Min-height:600px

}

.right _ zone

{

Margin:0px 0px 0px 300px

Min-height:600px

Background-color:#69C

}

.main _ 2

{

Margin:0px

Width:100%

Min-height:600px

Background-color:#C60

}

Ddd

At this point, I believe you have a deeper understanding of "how to write a commonly used web page layout to achieve one-sided fixed adaptation of the other side". You might as well do it in practice. Here is the website, more related content can enter the relevant channels to inquire, follow us, continue to learn!

Tags: Side unilateral layout commonly used web page content learning practical deeper code interest practicality practical easy to operate document method more friends title website Apple Docker Huawei Linux macOS MariaDB Microsoft MySQL NVidia OPPO Reno MySQL Docker Xiaomi vpn MariaDB