摘要：无论是标准盒子模型还是ie盒子模型，两个相邻或包含的元素的垂直外边距会产生叠加的效果，从而影响我们想要的布局效果。 如下结构，我们想要文本内容与容器元素间有20个像素的外边距，容器元素自身也有10个像素的外边距 浏览器渲染结果却是 p元素与容器元素的垂直外边产生了叠加，而没有padding和bord 阅读全文

摘要：网页局部布局中，常常出现多列登高布局，因为内容高度不定，所以不能对每一列设置相等的高度。 一、常用方法，亦是《高级web标准解决方案》一书中采用的办法：采用对没列元素添加较大的正底内边距（padding-bottom）与 等大负值的底外边距(margin-bottom) 代码结构如下 css cod 阅读全文

摘要：上一篇说到固定宽度三列布局，为了避免其不能完好的适用于不同屏幕分辨率，今天采用流式布局，流式布局的尺寸是采用了百分比设置。同时加上以像素或em为单位的min-width和 max-width,以防止窗口过小和过大造成的宽度太窄和太宽。 例如：设计者使用的宽度为920像素，而大多数的使用者的浏览器设置 阅读全文

摘要：1.固定宽度三列布局 见新浪微博首页 html结构如下 css布局如下 固定宽度布局优缺点 有点：根据设计稿的固定宽度来布局，可以清楚知道每一个元素的宽度，知道所有东西在什么地方，这种布局最直接最简单。 缺点：1.不能合理利用浏览器空间，遇到大的分辨率机器，页面只会集中在中间，两边留下很多空白；遇到 阅读全文