摘要: <body> <div style="background-color:red;"> <div style="width:50%;height:50%;background-color:green;"></div> </div> </body> 上面父div宽度继承body元素的宽度,子div内容区 阅读全文
posted @ 2016-01-21 12:04 Arlar 阅读(310) 评论(0) 推荐(0) 编辑
摘要: 假定主区域宽1200px并让其居中,如上面的div盒子所示。 如何让1900px宽的banner大图主区域(即banner图中间的1200px)在div(1200px宽)中显示呢? 我的做法如上,将img变成块级元素,让它的width设为158%(这个比值是1900px比1200px得来的),lef 阅读全文
posted @ 2016-01-06 11:24 Arlar 阅读(2858) 评论(0) 推荐(0) 编辑
摘要: 父元素高度固定,子元素高度不固定,要求子元素垂直居中于父元素 方法一: <div class="wrapper"> <div class="content">keleyi.com</div></div>相对应的css代码如下:.wrapper{ height:400px; display:table 阅读全文
posted @ 2015-12-10 15:13 Arlar 阅读(228) 评论(0) 推荐(0) 编辑
摘要: 1.获得某一类对象中当前被点击对象的索引,如:$('.price').index(this); 阅读全文
posted @ 2015-12-10 14:33 Arlar 阅读(156) 评论(0) 推荐(0) 编辑
摘要: table{ border-collapse:collapse; border:none;} td { border:1px solid #EE7700;} 阅读全文
posted @ 2015-12-10 10:58 Arlar 阅读(477) 评论(0) 推荐(0) 编辑
摘要: 先在html head 里写上再设置图片宽度,如: 阅读全文
posted @ 2015-12-09 17:06 Arlar 阅读(620) 评论(0) 推荐(0) 编辑
摘要: w3school给出的这个transition效果例子是在当前div被hover时平滑过渡改变其宽度(http://www.w3school.com.cn/tiy/t.asp?f=css3_transition1)其示例程序是:div { width:100px; height:100p... 阅读全文
posted @ 2015-12-04 22:43 Arlar 阅读(933) 评论(0) 推荐(0) 编辑
摘要: 我觉得margin和padding不能统一说成“外边距和内边距”或者“外填充和内填充”下面CSS注释部分当使用margin-top和padding-top时对#footer-1子盒子和#footer父盒子样式效果是有区别的我想要的效果是父盒子处在自己在正常文档流位置相对其他盒子不动,而让子盒子顶部“... 阅读全文
posted @ 2015-12-04 15:56 Arlar 阅读(301) 评论(0) 推荐(0) 编辑
摘要: //一屏滚完时,显示返回顶部悬浮层,点击平滑滚动到顶部 $(function () { $("#back-to-top").hide(); $(function () { $(window).scroll(function () { ... 阅读全文
posted @ 2015-11-24 10:22 Arlar 阅读(181) 评论(0) 推荐(0) 编辑
摘要: 页面中存在两个隐藏层,其id属性值分别是msg和login,以上程序可以实现在分别点击id属性值为ctl的对象时显示#msg对象,点击id属性值为loginClick的对象时显示#login对象,点击文档空白处时同时隐藏所有弹出层 阅读全文
posted @ 2015-11-24 10:19 Arlar 阅读(708) 评论(0) 推荐(0) 编辑