其实设置高度自适应有一个前提，div的高度自适应是相对于父容器的高度，本例中div父容器为body或者html（不同浏览器解析方式不同）。body或者html在本例中没有设置高度，div的高度自适应没有参照物，也就无法生效。
接下来在CSS中设置body和html的高度，就可解决div的高度自适应问题。body和html的高度直接设置为100%即可，不会对页面有任何影响。在div_2.htmd的CSS部分加入如代码11.4所示的代码。
代码11.4 设置div样式：div_2.htm
html,body{height:100%;}
为了考虑多种浏览器的兼容性，html和body同时设置100%宽度。在浏览器地址栏输入http://localhost/div_2.htm，浏览效果如图11.4所示。
调整浏览器高度后，第2个div的高度随之变化。各种浏览器对XHTML和CSS的解析方式有差异，在后面将详细讨论解决办法，以解决浏览器的兼容性问题。
图11.4 设置div标签高度自适应
11.1.4 布局页面的宽度
由于浏览者的显示分辨率不同，浏览者常见显示分辨率（单位：像素）为800×600、1024×768、1280×1024、1440×960等。所以在布局页面时，要充分考虑页面内容的布局宽度，一旦内容宽度超过显示宽度，页面将出现水平滚动条。
— 说明：尽量保证网页只有垂直滚动条，才符合浏览者的习惯，所以高度不需要考虑，由页面内容决定网页高度。
页面布局宽度一般考虑最小显示分辨率的浏览用户，即过去浏览用户的显示分辨率最小为800×600（15寸CRT显示器），其最小宽度为800像素。浏览器的边框及滚动条部分约占24像素左右，所以布局宽度为分辨率的水平像素减去24像素。所以过去网页布局宽度一般为778像素，再宽就会使页面产生水平滚动条。
由于计算机设备的飞速发展，现在使用800×600显示分辨率的用户很少了，现在页面布局宽度最大不超过1002 ~1003像素（考虑到最小宽度1024像素，即1024×768显示分辨率）。
11.1.5 布局页面水平居中
为了适应不同浏览用户的分辨率，网页设计师要始终保证页面整体内容在页面居中。使用HTML表格布局页面时，只需要设置布局表格的align属性为center即可。而div居中没有属性可以设置，只能通过CSS控制其位置。
在布局页面前，网页制作者一定要把页面的默认边距清除。为了方便操作，常用的方法是使用通配选择符*，将所有对象的边距清除，即margin属性和padding属性。margin属性代表对象的外边距（上、下、左、右），padding属性代表对象的内边距，也叫填充（上、下、左、右）。
— 说明：margin属性和padding属性类似于表格单元格的cellspacing属性和cellpadding属性，不过margin属性和padding属性作用于所有块状元素。
