经常在工作中或者在面试中会碰到这样的问题,比如我想要个布局 右侧固定宽度 左侧自适应 或者 三列布局 左右固定 中间自适应的问题。 下面我们分别来学习下,当然我也是总结下而已,有如以下方法: 一: 右侧固定宽度 左侧自适应 第一种方法:左侧用margin-right,右侧float:right 就....
分类:
Web程序 时间:
2014-12-03 12:09:13
阅读次数:
174
效果如图: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
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
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
div?{?
????????????width:?600px;?
????????????overflow-x:scroll;??
????????????margin-left:5em;?
????????????border:1px?sol...
分类:
其他好文 时间:
2014-12-02 17:38:13
阅读次数:
299
一、盒子模型(box model)
一个盒子又4部分组成:content(内容)、padding(填充)、border(边框)和margin(外边界)
盒子模型有两种:
(1)标准W3C盒子模型
(2)IE盒子模型(content包含padding和border)
为了统一标准,让网页能兼容各个浏览器,必须使用标准W3C盒子模型
如何才算使用?答:在网页的顶部加上D...
分类:
Web程序 时间:
2014-12-01 20:56:07
阅读次数:
221
首们需要position:absolute;绝对定位,或者position:fixed。而层的定位点,使用外补丁margin负值的方法。负值的大小为层自身宽度高度除以二。 如:一个层宽度是400,高度是300。使用绝对定位距离上部与左部都设置成50%。而margin-top的值为-150。marg....
分类:
其他好文 时间:
2014-12-01 19:04:48
阅读次数:
211
最近写html页面的时候发现顶部边界margin-top用了定位之后,IE的跟其他浏览器不同,所以用到了把IE跟其他浏览器区分开来的写法 这样写是错误的 像上面的写法,是错误的。正确的写法应该是这样: 这样写才是正确的 此功能应用于www.weixh.net顶部导航
分类:
Web程序 时间:
2014-12-01 15:44:27
阅读次数:
125
折叠菜单
* {
padding: 0;
margin: 0;
}
#FoldingMenuBar {
margin: 200px;;
}
li {
list-style: none;
}
.left {
float: left;
}
.TotalMenu {
float: le...
分类:
编程语言 时间:
2014-12-01 11:27:32
阅读次数:
229