之前对div的css布局一直有点半知半解,只其然却不知其所以然,到网上下载了“十天学会DIV+CSS(WEB标准)”的chm电子版,然后跟着练习了一下,特在此记录,备忘。div+css布局练习 此处显示 id "layout" 的内容 此处显示 id "side" 的内容 此处显示 id...
分类:
Web程序 时间:
2014-07-16 23:08:57
阅读次数:
324
一.HTML 商品1 @RenderBody() 二.CSS/*瀑布流浏览方式*/.main{ width: 720px; height:auto; border: 1px solid #cccccc; margin-left: 12px;...
分类:
其他好文 时间:
2014-07-08 00:09:24
阅读次数:
319
###[Github pages 博文](http://magicdawn.github.io/2014/06/28/css-chediyanjiu-2/)#一 . CSS盒模型##1.盒子的结构margin-border-padding结构 + 内容content 组成盒模型注意1. width,...
分类:
Web程序 时间:
2014-07-07 19:50:55
阅读次数:
227
利用负边距方法,绝对定位使容器相对屏幕绝对居中,此时的被嵌套容器只能为绝对大小。(标准)根据margin负值和top left的比例控制,实现随屏幕绝对居中,容器大小改变需要重新调整margin top left的参数:
分类:
Web程序 时间:
2014-07-01 22:17:23
阅读次数:
280
直接上代码
ZeroClipboard Test
.line {
margin-bottom: 20px;
}
/* 复制提示 */
.copy-tips {
position: fixed;
z-index: 9999;
bottom: 50%;
left: 50%;
margin: 0 0 -20px -80px;
background-color: rgba(0,...
分类:
其他好文 时间:
2014-07-01 07:04:53
阅读次数:
245
直接上代码
ZeroClipboard Test
.line {
margin-bottom: 20px;
}
/* 复制提示 */
.copy-tips {
position: fixed;
z-index: 9999;
bottom: 50%;
left: 50%;
margin: 0 0 -20px -80px;
background-color: rgba(0,...
分类:
其他好文 时间:
2014-06-30 17:42:43
阅读次数:
318
width:auto;会将元素撑开至整个父元素width,但是会减去子节点自己的margin,padding或者border的大小。width:100%;会强制将元素变成和父元素一样的宽,并且添加额外的空间到这个元素的width上。就是因为这个,会导致很多问题。使用width:100%永远都不是一个...
分类:
其他好文 时间:
2014-06-27 17:00:27
阅读次数:
247
转自: http://www.sealog.info/?post=3昨天群里一朋友询问网页顶部一行空白无法去除的解决办法。常见的解决办法均不能解决问题。深入研究了下,总结几点以加强记忆。一、没有正确使用margin设置边距,margin指的是空白长度,用于控制容器中的内容和容器边缘的距离。view ...
分类:
Web程序 时间:
2014-06-27 12:52:40
阅读次数:
335
一般来说,我们都不喜欢看到最后有一条线,但是用样式去清楚那最后的线,非常麻烦,循环输出时,还要判断是否到结尾。
margin可以很好的解决这个问题。...
分类:
其他好文 时间:
2014-06-26 14:02:43
阅读次数:
189
margin:10% 1%;
横向显示的按宽度算
垂直显示是按高度算
留作纪念。多解释。...
分类:
其他好文 时间:
2014-06-26 08:08:09
阅读次数:
203