How to write a commonly used web page layout to achieve one side fixed and the other side to adapt to full
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!