Einführungs-Tutorial 4 zum CSS-Webseitenlayout: Zwei Spalten mit fester Breite_Grundlegendes Tutorial

Mit einer Spalte fester Breite als Basis sind zwei Spalten fester Breite sehr einfach. Wir wissen, dass div zur Identifizierung eines bestimmten Bereichs verwendet wird und das Layout von zwei Spalten natürlich die Verwendung von zwei divs erfordert Der Code lautet wie folgt:

Code kopieren Der Code lautet wie folgt:

linke Spalte< ;/div>

Rechte Spalte

In der neuen Codestruktur werden zwei IDs verwendet, nämlich links und rechts. Wir müssen zunächst die Breite für sie angeben und dann die beiden Divs nebeneinander in einer horizontalen Zeile anzeigen, um ein zweispaltiges Layout zu bilden lautet wie folgt:

http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd

"> http://www.w3.org/1999/xhtmlttp://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" target="_blank">"> Zwei Spalten mit fester Breite – AA25.CN <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title> </title> <style type="text/css"> <!-- #left { background-color: #E8F5FE; border: 1px solid #A9C9E2; float: left; height: 300px; width: 200px; } #right { background-color: #F2FDDB; border: 1px solid #A5CF3D; float: left; height: 300px; width: 200px; } --> </style>Linke Spalte Rechte Spalte<div id="left"> </div> <div id="right"> </div>
[Strg+A Alle ausw盲hlen Hinweis:

Stellungnahme：

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn