左右排版本来是可以这样实现的：两边都使用百分比，然后左右浮动。但是这样做满足不了下面这样的场景：
在一个文章页面里面，分为左边的正文区域和右边的与文章关联的其他信息区域，我想让正文区域能随着用户的显示屏宽度变化而变化，这似乎百分比就能做到，但是如果使用百分比，左右两边都必须有一个固定的比值，那样右边也会随着用户显示屏的宽度变化，如果用户的显示屏很宽，那这右边就显得似乎国语宽了，正文无论...
分类：
其他好文 时间：
2014-09-25 16:27:18
阅读次数：
148
html,body,div,span,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,address,big,cite,code,del,em,font,img,ins,small,strong,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend
{
margin: 0;
padd...
分类：
Web程序 时间：
2014-09-25 15:51:32
阅读次数：
239
图片在容器中垂直居中，有几种方式：1、放在table里 （最简单直接的方法）2、加一个0宽度、100%高度的图片。并且两张图都设为：vertical-align:middle 3、单个图片水平垂直居中 一淘使用方案4、在图片和容器高度，都是已知的情况下，计算margin-top （不推...
分类：
Web程序 时间：
2014-09-25 14:53:59
阅读次数：
228
分页JS代码
.page{margin:2em;}
.page a{text-decoration:none;display:inline-block;line-height:14px;padding:2px 5px;color:#333;border:1px solid #ccc;margin:0 2px;}
.page a:hover,.page a.on{background:#999;c...
分类：
Web程序 时间：
2014-09-25 11:35:58
阅读次数：
217
相同的元素，如li，在不同的浏览器下显示的效果稍有不同，是因为各浏览器对各元素的margin,border等初始值及font-size等略有不同，如何杜绝这种情况，通过CSS强制让所有元素的属性值都一样，这样浏览器显示就一致了，减少了不兼容情况的发生，这个过程叫做CSS初始化：腾讯QQ官..
分类：
Web程序 时间：
2014-09-25 11:11:49
阅读次数：
258
1.cursor:pointer鼠标放到上面变形状，pointer为手2.margin:auto 页面居中3.显示方式：dispaly:none不显示/block 块换行/inline在一行上，宽和高都不可用/inline-block在一行上显示，可以设置宽和高 不显示也不占地方4.visibi.....
分类：
Web程序 时间：
2014-09-22 22:39:23
阅读次数：
227
*{ margin:0; padding:0; font-size:13px; border:0; font:宋体,arial}a{ text-decoration:none; color:#000}li{ list-style-type:none}.bottombox{ width:950px; ...
分类：
其他好文 时间：
2014-09-22 19:46:53
阅读次数：
219
div{width:100%;height:30px;position:fixed;top:0;opacity:0.75;}让悬浮图片固定在某一处的样式:style='Z-INDEX:1;position:fixed;left:0;right:auto;margin-right:0px;top:50...
分类：
其他好文 时间：
2014-09-22 14:32:42
阅读次数：
192
1.假设有元素A,其父容器为Father 垂直间距的合并当父容器Father没有定义边框和padding时,元素A设置margin-top时不会出现A对Father的margin现象,反而是出现了Father对Father的父容器的margin-top,这就是边距的合并,相当于Father没有界限,...
分类：
Web程序 时间：
2014-09-22 00:14:01
阅读次数：
338
CSS2.0 HandBook上的解释：设置此属性值为 absolute 会将对象拖离出正常的文档流绝对定位而不考虑它周围内容的布局。假如其他具有不同 z-index 属性的对象已经占据了给定的位置，他们之间不会相互影响，而会在同一位置层叠。此时对象不具有外补丁( margin )，但仍有内补丁( ...
分类：
Web程序 时间：
2014-09-21 18:05:01
阅读次数：
185
