对象height:100%并不能直接产生效果，是因为跟其父对象有关。#center{height:100%;}上面的css样式是无效的，不会产生任何效果。需要改写：html,body{ margin:0px; height:100%;}#center{width:200px;height...
分类：
Web程序 时间：
2014-08-26 00:18:25
阅读次数：
400
BFC(Block Formatting Context)，简单讲，它是提供了一个独立布局的环境，每个BFC都遵守同一套布局规则。例如，在同一个BFC内，盒子会一个挨着一个的排，相邻盒子的间距是由margin决定且垂直方向的margin会重叠。而float和clear float也只对同一个BFC内...
分类：
Web程序 时间：
2014-08-26 00:15:15
阅读次数：
323
关键部分的CSS代码：.menu ul { list-style-type: none; border-top: 10px solid gray;}.menu ul li a { color: #fff; float: left; margin: 0 5px; f...
分类：
Web程序 时间：
2014-08-25 20:56:24
阅读次数：
226
什么是BFC? BFC(Block Formatting Context)，简单讲，它是提供了一个独立布局的环境，每个BFC都遵守同一套布局规则。例如，在同一个BFC内，盒子会一个挨着一个的排，相邻盒子的间距是由margin决定且垂直方向的margin会重叠。而float和clear float也....
分类：
其他好文 时间：
2014-08-25 16:56:24
阅读次数：
308
CSS及浏览器的设计者们希望我们在布局时，如果遇到上下两个并排内容块的安排，最好只设置其中每个块上或下margin的一处即可。w3school也规定：当两个垂直外边距相遇时，它们将形成一个外边距。合并后的外边距的高度等于两个发生合并的外边距的高度中的较大者。...
分类：
Web程序 时间：
2014-08-25 08:46:14
阅读次数：
281
1: 2: 3: 4: 5: 6: 27: 28: 29: 30: 31: 32: Span2 33: 34: 35: 36: 37: 如果您认为应该是这样的话： 那就错了。结果是这样的： 因为CSS中...
分类：
Web程序 时间：
2014-08-25 08:44:33
阅读次数：
341
把图片的浏览链接集中安排在图片的主页面里，当用户点击某个图片的链接就能在当前网页显示css:代码ul,li{margin: 0;padding: 0}body{font-family: "Helvetica","Arial","serif","微软雅黑";color:#333;background-...
分类：
Web程序 时间：
2014-08-24 23:33:23
阅读次数：
410
/* 标签页菜单 */div.bs-docs-example { position: relative; width: 600px; margin: 15px auto; padding: 39px 19px 14px; background-color: white; border: 1px so...
分类：
其他好文 时间：
2014-08-24 19:22:32
阅读次数：
305
/* 表单2 */ form.bs-docs-example { position: relative; width: 600px; margin: 15px auto; padding: 39px 19px 14px; background-color: white; border: 1px so...
分类：
其他好文 时间：
2014-08-24 14:10:32
阅读次数：
334
