使用浮动来创建拥有页眉、页脚、左侧目录和主体内容的首页。-白红宇

使用浮动来创建拥有页眉、页脚、左侧目录和主体内容的首页。

阅读量：5127 次

发布时间：2019-06-13

本文共 1043 字，大约阅读时间需要 3 分钟。

div.container

{width:100%;margin:0px;border:1px solid gray;line-height:150%;}

div.header,div.footer

{padding:0.5em;color:white;background-color:gray;clear:left;}

h1.header

{padding:0;margin:0;}

div.left

{float:left;width:160px;margin:0;padding:1em;}

div.content

{margin-left:190px;border-left:1px solid red;padding:1em;}

</style></head>

<div class="header"><h1 class="header">W3CSchool.cn</h1></div>

<div class="left"><p>"Never increase, beyond what is necessary, the number of entities required to explain anything." William of Ockham (1285-1349)</p></div>

<h2>Free Web Building Tutorials</h2>

<p>At W3CSchool.cn you will find all the Web-building tutorials you need,

from basic HTML and XHTML to advanced XML, XSL, Multimedia and WAP.</p>

<p>W3CSchool.cn - The Largest Web Developers Site On The Net!</p></div>

</div></body></html>

显示效果如图：

转载于:https://www.cnblogs.com/lowbrid/p/3475814.html

你可能感兴趣的文章

[转]Linux下 tar.xz格式文件的解压方法

PRML Chapter 1. Introduction

【JS】window.print打印指定内容

django模板{%for%}中的forloop的应用

查看>>

超人说我最叼蝙蝠侠笑了超级英雄战力排名

查看>>

redis整合spring @Bean写法

查看>>

vue实现头像上传

查看>>

【BZOJ-3270】博物馆高斯消元 + 概率期望

查看>>

【BZOJ-3337】ORZJRY I 块状链表

查看>>