DIV布局两列固定宽度居中

iteye_3224

于 2012-05-19 09:40:00 发布

阅读量233

点赞数

文章标签： xhtml

本文通过一个简单的网页布局实例介绍了如何使用HTML进行基本结构搭建及CSS进行样式设置。该示例包括两个主要部分：侧边栏(side)和主要内容区域(main)，通过CSS浮动属性实现了两者的并排显示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <style> #content { width:470px; margin:0 auto;} #side { background: #99FF99; height: 300px; width: 120px; float: left; } #main { background: #99FFFF; height: 300px; width: 350px; margin-left: 120px; } </style> </head> <body> <div id="content"> <div id="side">此处显示 id "side" 的内容</div> <div id="main">此处显示 id "main" 的内容</div> </div> </body> </html>