通常，我们要让某元素居中，会这样做：
#element{
margin:0 auto;
}
如果还想让此元素位置固定呢？一般我们会添加position:fixed，如下：
#element{
position:fixed;
margin:0 auto;
}
但是这样做的结果就是，元素不居中了。这说明fixed使对象脱离了正常文档流。
解决方案：
#ele...
分类：
Web程序 时间：
2014-06-02 23:00:57
阅读次数：
327
曾经写网页，学css整体上不难，但就是元素定位，始终一知半解，直到今天，本着实践出真知的理念，经过认真测试，总结出了如下结论。css 定位：
positionstatic : 默认静止定位，元素在正常的文档流中无法移动定位。absolute
:独立元素，元素从文档流中脱离,会相对于父层(static...
分类：
Web程序 时间：
2014-05-31 01:36:40
阅读次数：
291
我们先来看看CSS3
Api中对position属性的相关定义：static：无特殊定位，对象遵循正常文档流。top，right，bottom，left等属性不会被应用。relative：对象遵循正常文档流，但将依据top，right，bottom，left等属性在正常文档流中偏移位置。而其层叠通过...
分类：
其他好文 时间：
2014-05-29 14:19:01
阅读次数：
290
我们在页面布局时，基本上都避免不了使用float，但由此也会引发一些问题，尤其是在容器高度不固定时，此时它的高度完全是由内部的元素撑开的。如果内部元素还是浮动的，那么由于内部的元素脱离了文档流，父容器就不能被撑开了。如果父容器设置的有背景或者边框的话，此时就不能正常显示了，另外，父容器下边的其他容器...
分类：
其他好文 时间：
2014-05-24 00:43:38
阅读次数：
281
背景
项目要求网站首页放Views生成的区块，并且要求有更多链接。
Views生成的区块默认的更多链接只能选在列表上方和下方
下图是默认在上方的样式图：
为了美观，我将更多链接上移了若干个像素：
.more-link {
position: absolute;
top: 10px;
left: 390px;
}
效果图：
问题
然而，当我在这个区块外面再套一...
分类：
Web程序 时间：
2014-05-06 15:35:27
阅读次数：
454
1. ie的文档流样式 writing-mode:tb-rl.box1 a{
writing-mode:tb-rl; /* 触发layout 后面高度生效，文档流 自上往下，自右往左，宽度要自适应，文字方向在垂直方向居中 */
height:100%; vertical-align:middle}2...
分类：
Web程序 时间：
2014-05-01 07:59:22
阅读次数：
496
好久不写CSS代码 感觉忘的差不多了，代码就是要多敲才行的。就行武林中的武者一样，每天都要勤加练习才可。
正好写写博客，就当复习复习。
position 主要是用来 元素的定位方式
static : 无特殊定位，对象遵循HTML定位规则
absolute : 将对象从文档流中拖出，使用left，right，top，bottom等属性进行绝对定位。而其层叠通过z-index属性定义。此...
分类：
Web程序 时间：
2014-04-29 13:45:20
阅读次数：
354
