标准流(文档流) 元素自上而下,自左而右,块元素独占一行,行内元素在一行上显示,碰到父集元素的边框换行。 浮动布局 float:left|right 特点: 元素浮动之后不占据原来的位置(脱标) 浮动的盒子在一行上显示 行内元素浮动之后转换为行内块元素。(不推荐使用,转行内元素最好使用display ...
分类:
Web程序 时间:
2018-02-05 12:32:25
阅读次数:
175
圣杯布局: 原理:给包裹层设置左右padding值空出left和right的位置,使用负边距,左边margin-left:-100%,右边margin-left:-100px;此时左右两个盒子位于主盒子两侧但是会遮挡住主盒子的内容,所以再给左盒子position:relative,left:-100 ...
分类:
其他好文 时间:
2018-02-04 19:35:41
阅读次数:
137
<script type="text/javascript"> //动画jq开始 /* * 定义动画 * animate({json格式定义css},"time"),可以使用预定义的值show、hide、toggle注意当有margin-left情况填marginLeft形势 * */ $('.an ...
分类:
Web程序 时间:
2018-01-28 20:53:45
阅读次数:
133
fieldset { border:0; border: 1px dashed ddd; margin top:20px; margin bottom:20px } legend { color: 06e; margin left:20px; margin top: 12px;} summary{c ...
分类:
其他好文 时间:
2018-01-27 13:36:37
阅读次数:
156
MarkDown 区块元素 标题title h1 \ h1 h2 \ \ h2 h3 \ \ \ h3 h4 \ \ \ \ h4 h5 \ \ \ \ \ h5 h6 \ \ \ \ \ \ h6 区块引用 Blockquotes This is a blockquote with two par ...
分类:
其他好文 时间:
2018-01-26 22:50:28
阅读次数:
197
fieldset { border:0; border: 1px dashed ddd; margin top:20px; margin bottom:20px } legend { color: 06e; margin left:20px; margin top: 12px;} details[o ...
分类:
其他好文 时间:
2018-01-26 15:51:00
阅读次数:
158
position: absolute; bottom: .3rem; left: 50%; margin-left: unit(-5.2/2,rem); width: 5.2rem; height: 3.6rem; background: url("../img/zf_phoneList... ...
分类:
其他好文 时间:
2018-01-25 20:49:34
阅读次数:
123
display:inline table 此元素会作为内联表格来显示(类似 ),表格前后没有换行符。display:inline table 可以使文字和表格在同一行显示 display:table table:指定对象作为块元素级的表格,类同于html标签。 它定义了一个块级盒子. display ...
分类:
其他好文 时间:
2018-01-21 20:34:20
阅读次数:
152
首先让我复习一下块级元素(block)和内联元素(inline) 块元素(block)的特点: 内联元素(inline)的特点: BFC是什么? 那么什么是bfc呢,翻译一下叫Block Formatting Context,Block就是块级元素,Formatting Context是一个抽象的概 ...
分类:
其他好文 时间:
2018-01-20 22:42:37
阅读次数:
236
由于margin-left:-1;导致一边重合造成以上情况。 解决方法:给元素增加position:relative样式,且给选中的样式增加z-index:1;高于其他未选中元素即可解决。 ...
分类:
其他好文 时间:
2018-01-19 18:51:16
阅读次数:
131