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

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

right 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:

ttp://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" target= "_blank">http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> http://www.w3.org/1999/xhtml"> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>Two columns with fixed width</title>