シンプルな div+css の 1 つ、layout_html/css_WEB-ITnose

简单的div+css的实例布局，利用图片进行布局，首先要准备5张图片。

left-top.gif right-top.gif

right.gif left-bottom.gif

right-bottom.gif

实例1代码：

固定宽度相对定位

Page Content

        这是一行文本，这里作为样例，显示在布局框中

            这是一行文本，这里作为样例,显示在布局框中

        这是一行文本，这里作为样例，显示在布局框中

            这是一行文本，这里作为样例,显示在布局框中

        这是一行文本，这里作为样例，显示在布局框中

            这是一行文本，这里作为样例,显示在布局框中

        这是一行文本，这里作为样例，显示在布局框中

            这是一行文本，这里作为样例,显示在布局框中

        这是一行文本，这里作为样例，显示在布局框中

            这是一行文本，这里作为样例,显示在布局框中

实例2 代码：

固定宽度相对定位

        这是一行文本，这里作为样例，显示在布局框中

            这是一行文本，这里作为样例,显示在布局框中

        这是一行文本，这里作为样例，显示在布局框中

            这是一行文本，这里作为样例,显示在布局框中

        这是一行文本，这里作为样例，显示在布局框中

            这是一行文本，这里作为样例,显示在布局框中

>
これはテキストです。レイアウトボックスに表示されるサンプル

;
;
;

＆lt; h2＆gt;ページフッター＆lt;/h2＆gt;
＆lt; div class = "main"＆gt;
これはテキストの行です。レイアウトボックス内 & & lt;/div & gt;
& lt; & lt; /div>

声明：

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。