码迷,mamicode.com
首页 >  
搜索关键字:margin    ( 11204个结果
底部当行css
.nav { width:100%; height:30px; margin:0 auto; background:#f00; position:fixed; bottom:0;}
分类:Web程序   时间:2015-10-15 14:26:58    阅读次数:185
css常见效果
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
Sticky Footer (让页脚永远停靠在页面底部,而不是根据绝对位置)
super胡 sagsdhgdf 你会发现,页脚的高度在这里被重复使用了三次,这是至关重要的,而且三个高度必须使用同样的值。wrap 的height属性把自己拉伸至窗口全部高度的尺寸,负的margin会把footer提高到main 的padding的位置...
分类:其他好文   时间:2015-10-14 21:48:08    阅读次数:150
父元素与子元素之间的margin-top问题(css hack)
hack:父元素的盒子包含一个子元素盒子,给子元素盒子一个垂直外边距margin-top,父元素盒子也会往下走margin-top的值,而子元素和父元素的边距则没有发生变化。无标题文档 demo注意box...
分类:Web程序   时间:2015-10-14 11:45:13    阅读次数:181
解决:子元素设置margin-top,父元素也受影响的问题
子元素设置margin-top,父元素也受影响
分类:其他好文   时间:2015-10-13 22:38:31    阅读次数:167
CSS篇——BFC与margin
首先FC:Formatting Context指页面中的一个渲染区域,并且拥有一套渲染规则,他决定了其子元素如何定位,以及与其他元素的相互关系和作用。 CSS2.1中有BFC(block)和IFC(Inline).BFC的布局规则:内部的Box会在垂直方向,一个接一个地放置。Box垂直方向的...
分类:Web程序   时间:2015-10-13 15:21:53    阅读次数:249
20150923css3+浏览器兼容性
示例做法:写布局 分析相同的元素用的样式1、ul li a:hover{background-color:#ff0;}时要把高度写到a标签里2、元素和父标签或兄弟之间有间距时用margin 和父标签无间距有文本缩进时在元素里用padding,不设置width兼容性问题:浏览器对代码的解析不同,浏览器...
分类:Web程序   时间:2015-10-13 11:57:06    阅读次数:141
两个DIV高度自适应方法(左右两个DIV高度一样)
html: aaaa aaaa 1、负外补丁和正内补丁{margin-bottom:-(num)px;padding-bottom:(num)px;}相结合#container{ width:500px; margin:10p...
分类:其他好文   时间:2015-10-13 10:20:15    阅读次数:209
CSS技巧教程:margin在IE中的表现
margin的位移方向是指margin数值为正值时候的情形,如果是负值则位移方向相反。 如上图所示:黄色子元素盒的margin-top,margin-left为负值时,如-10px,则黄色子元素盒向上(向左)移动,越过相邻元素10px;黄色子元素盒的margin-right,margin-bo...
分类:Web程序   时间:2015-10-12 15:48:32    阅读次数:183
css+html简单的布局demo
于html介绍css作风。可以改变html块状布局,局更加美观。接下来看一个基础布局的小样例: margin布局 效果例如以下: 在上面的布局中。我们主要使用margin属性来对div进行布局。在实际中。感觉margin属性主要适用于块与块之间的布...
分类:Web程序   时间:2015-10-12 14:27:47    阅读次数:145
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!