.nav { width:100%; height:30px; margin:0 auto; background:#f00; position:fixed; bottom:0;}
分类:
Web程序 时间:
2015-10-15 14:26:58
阅读次数:
185
1.ul li居中/* ul li以横排显示 *//* 所有class为menu的div中的ul样式 */div.menu ul{ list-style:none; /* 去掉ul前面的符号 */ margin: 0px; /* 与外界元素的距离为0 */ padding: 0px...
分类:
Web程序 时间:
2015-10-15 12:33:27
阅读次数:
163
super胡 sagsdhgdf 你会发现,页脚的高度在这里被重复使用了三次,这是至关重要的,而且三个高度必须使用同样的值。wrap 的height属性把自己拉伸至窗口全部高度的尺寸,负的margin会把footer提高到main 的padding的位置...
分类:
其他好文 时间:
2015-10-14 21:48:08
阅读次数:
150
hack:父元素的盒子包含一个子元素盒子,给子元素盒子一个垂直外边距margin-top,父元素盒子也会往下走margin-top的值,而子元素和父元素的边距则没有发生变化。无标题文档 demo注意box...
分类:
Web程序 时间:
2015-10-14 11:45:13
阅读次数:
181
首先FC:Formatting Context指页面中的一个渲染区域,并且拥有一套渲染规则,他决定了其子元素如何定位,以及与其他元素的相互关系和作用。 CSS2.1中有BFC(block)和IFC(Inline).BFC的布局规则:内部的Box会在垂直方向,一个接一个地放置。Box垂直方向的...
分类:
Web程序 时间:
2015-10-13 15:21:53
阅读次数:
249
示例做法:写布局 分析相同的元素用的样式1、ul li a:hover{background-color:#ff0;}时要把高度写到a标签里2、元素和父标签或兄弟之间有间距时用margin 和父标签无间距有文本缩进时在元素里用padding,不设置width兼容性问题:浏览器对代码的解析不同,浏览器...
分类:
Web程序 时间:
2015-10-13 11:57:06
阅读次数:
141
html: aaaa aaaa 1、负外补丁和正内补丁{margin-bottom:-(num)px;padding-bottom:(num)px;}相结合#container{ width:500px; margin:10p...
分类:
其他好文 时间:
2015-10-13 10:20:15
阅读次数:
209
margin的位移方向是指margin数值为正值时候的情形,如果是负值则位移方向相反。 如上图所示:黄色子元素盒的margin-top,margin-left为负值时,如-10px,则黄色子元素盒向上(向左)移动,越过相邻元素10px;黄色子元素盒的margin-right,margin-bo...
分类:
Web程序 时间:
2015-10-12 15:48:32
阅读次数:
183
于html介绍css作风。可以改变html块状布局,局更加美观。接下来看一个基础布局的小样例: margin布局 效果例如以下: 在上面的布局中。我们主要使用margin属性来对div进行布局。在实际中。感觉margin属性主要适用于块与块之间的布...
分类:
Web程序 时间:
2015-10-12 14:27:47
阅读次数:
145