Home > Web Front-end > CSS Tutorial > CSS Web Page Layout Introductory Tutorial 4: Two Columns with Fixed Width_Basic Tutorial

CSS Web Page Layout Introductory Tutorial 4: Two Columns with Fixed Width_Basic Tutorial

WBOY
Release: 2016-05-16 12:07:18
Original
1472 people have browsed it

With one column of fixed width as the basis, two columns of fixed width are very simple. We know that div is used to identify a certain area, and the layout of two columns naturally requires the use of two divs. The XHTML code is as follows:

Copy code The code is as follows:

left column



The new code structure uses two ids, left and right, to represent the names of the two divs. We All that needs to be done is to first specify the width for them, and then let the two divs display side by side in a horizontal row, thus forming a two-column layout. The CSS code is as follows:
source:php.cn
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
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template