DIV＋CSS网页布局第一种可能是你还没有理解CSS处理页面的原理在你考虑你的页面整体表现效果前，你应当先考虑内容的语义和结构，然后再针对语义结构添加CSS这篇文章将告诉你应该怎样把HTML结构化另一种原因是你对。

Div+CSS的优点1 可以更好地控制网页布局Div+CSS可以更好地控制网页布局，使得网页布局更加灵活，更易于维护，更容易实现复杂的布局效果2 更好的可访问性Div+CSS可以更好地实现网页的可访问性，使得网页更加易于。

4下面定义DIV001，同样选中DIV001，点+号新建CSS5在CSS规则定义下选择“背景”，选择好色彩，6选择“方框”，定义DIV001的宽，高，浮动float为left7同DIV001一样，新建DIV002样式8选择背景色 9选择。

lt！DOCTYPE html lthtml lthead ltmeta charset=quotUTF8quot lttitlelttitle ltstyle type=quottextcssquot margin 0padding 0 bodywidth1012px div width 300pxheight 300pxborder 2px solid #。

DIV+CSS布局，其实更准确的叫法是“HTML+CSS布局”，是选择合理的标签利用CSS来完成页面布局，其主要特点与优势如下符合W3C标准，代码结构清晰明了，结构样式和行为分离，带来足够好的可维护性2布局精准，网站版面布局。

这个XHTML1标准的DIV+CSS布局是著名网页设计师2004年发布在网页设计师上的，一个非常经典的布局，在IEMozilla和Opera浏览器中均可以实现居中和高度自适应完整代码如下在原代码的基础上作了一定规范整理lthtml。

1首先打开hbuilder软件，新建一个html文件，写入一个p标签，里面写入一句话2然后在上方定义style标签，修改body标签的样式，这里用width属性设置body的宽度为600像素，高度设为1000，居中使用margin属性，最后为了观察效果。

6当为元素定义背景图像时，内边距区域内可以显示背景图像，而对外边距区域来说，背景图像是达不到的，他永远都是透明状态 7用div+css设计网页结构时，设计师满脑子都是网页内容，而非内容所呈现的效果8块状元素。

4HTML的高级样式 CSS比HTML具有更广泛的表示能力，并且对网页的布局提供了更好的控制因此，与HTML表示元素和属性相比，您可以更好地查看您的网页5多设备兼容性 CSS还允许为多种设备或媒体优化网页使用CSS，可以为。