码迷,mamicode.com
首页 >  
搜索关键字:padding margin    ( 16354个结果
CSS自适应布局(左右固定 中间自适应或者右侧固定 左侧自适应)
经常在工作中或者在面试中会碰到这样的问题,比如我想要个布局 右侧固定宽度 左侧自适应 或者 三列布局 左右固定 中间自适应的问题。 下面我们分别来学习下,当然我也是总结下而已,有如以下方法: 一: 右侧固定宽度 左侧自适应 第一种方法:左侧用margin-right,右侧float:right 就....
分类:Web程序   时间:2014-12-03 12:09:13    阅读次数:174
js控制滚动条自动滚动
效果如图:css:#box { width: 500px; height: 200px; overflow: auto; border: 1px #000 solid; margin: 20px auto 0;}javascript:html: 这是第001行 这是第002行 这是第003行 这是第...
分类:Web程序   时间:2014-12-03 12:06:19    阅读次数:224
元素自动居中显示
我们在写页面时经常会遇到让一个元素自动居中显示的需求,这个元素有可能是块级元素,有可能是行内元素,也可能是文字等等,而居中的需求有可能是水平居中,垂直居中或者两者同时居中。据我目前了解,居中有四种方式:1.利用table表格特性;2.使用table-cell属性以table方式渲染;3.margin...
分类:其他好文   时间:2014-12-03 12:01:36    阅读次数:125
div错位解决IE6、IE7、IE8样式不兼容问题
IE6里DIV错位的问题 采用”FLOAT:LEFT“的DIV在IE8、IE7、都没问题,IE6下却向下移动,出现空白。这是因为,IE6采用的内核默认把DIV之间的距离增加了3~5个PX,所以,试试是将下移的DIV的STYLE里增加"margin-left:-5px;"或者更小。解决IE7、IE8样...
分类:其他好文   时间:2014-12-03 11:56:11    阅读次数:218
使用absolute模拟fixed定位,兼容ie6,及ie7 8 9和火狐谷歌等浏览器
ie6不支持fixed定位,设定fixed定位后,ie6会认为是错误值,便会使用默认值static,可以使用absolute模拟fixed效果,并且兼容ie789以及火狐等。核心代码:html,body{margin:0;padding:0;height:100%;}html{overflow:hi...
分类:其他好文   时间:2014-12-03 11:53:48    阅读次数:188
table锁定列的一个方法.及琢磨思路
div?{? ????????????width:?600px;? ????????????overflow-x:scroll;?? ????????????margin-left:5em;? ????????????border:1px?sol...
分类:其他好文   时间:2014-12-02 17:38:13    阅读次数:299
看书《DIV+CSS商业案例与网页布局开发精讲》_盒子模型、制作logo和banner_随手笔记
一、盒子模型(box model) 一个盒子又4部分组成:content(内容)、padding(填充)、border(边框)和margin(外边界) 盒子模型有两种: (1)标准W3C盒子模型 (2)IE盒子模型(content包含padding和border) 为了统一标准,让网页能兼容各个浏览器,必须使用标准W3C盒子模型 如何才算使用?答:在网页的顶部加上D...
分类:Web程序   时间:2014-12-01 20:56:07    阅读次数:221
让div垂直以及水平居中浏览器窗口
首们需要position:absolute;绝对定位,或者position:fixed。而层的定位点,使用外补丁margin负值的方法。负值的大小为层自身宽度高度除以二。 如:一个层宽度是400,高度是300。使用绝对定位距离上部与左部都设置成50%。而margin-top的值为-150。marg....
分类:其他好文   时间:2014-12-01 19:04:48    阅读次数:211
除了IE浏览器能识别之外,其他浏览器都不能识别的html写法
最近写html页面的时候发现顶部边界margin-top用了定位之后,IE的跟其他浏览器不同,所以用到了把IE跟其他浏览器区分开来的写法 这样写是错误的 像上面的写法,是错误的。正确的写法应该是这样: 这样写才是正确的 此功能应用于www.weixh.net顶部导航
分类:Web程序   时间:2014-12-01 15:44:27    阅读次数:125
原创JavaScript Jquery特效之----多重特效折叠菜单(附带详细注释和算法思路)
折叠菜单 * { padding: 0; margin: 0; } #FoldingMenuBar { margin: 200px;; } li { list-style: none; } .left { float: left; } .TotalMenu { float: le...
分类:编程语言   时间:2014-12-01 11:27:32    阅读次数:229
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!