摘要: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> li{ background-color: red; } </style> < 阅读全文
posted @ 2017-11-06 13:14 鱼塘底的鱼 阅读(793) 评论(0) 推荐(0)
摘要: 代码的初衷是让子元素的顶部距离父元素50px,但是事实上却并没有实现预 期的效果,而是子元素顶部紧贴父元素,并且margin-top好像转移给了父元素,让父元素产生上外边距。这其实是一个典型的外边距合并问题,但是并非 所有的浏览器都会产生这种情况,一般标准浏览器都会出现此现象,而IE6和IE7在此状 阅读全文
posted @ 2017-10-31 16:32 鱼塘底的鱼 阅读(385) 评论(0) 推荐(0)
摘要: 移动端 width:100%,由于html样式的宽度只有980px,而实际需要是1200px; html{min-width: 1200px;} 具体多少按实际情况 阅读全文
posted @ 2017-10-24 14:27 鱼塘底的鱼 阅读(494) 评论(0) 推荐(0)
摘要: window.onscroll = function(){ Obj.offsetTop // 元素顶端距离父元素顶端的距离 ,offsetTop 返回的是数字,而 style.top 返回的是字符串,除了数字外还带有单位:px。 offsetTop 只读,而 style.top 可读写。若是没有给 阅读全文
posted @ 2017-04-27 17:28 鱼塘底的鱼 阅读(154) 评论(0) 推荐(0)
摘要: 增: var a = document.createElement('p'); //创建一个P标签 var b = doucument.getElementById('box'); //获取一个ID为box的元素 b.appendChild(a); //将a作为子节点插入到b节点中 删: 只能使用J 阅读全文
posted @ 2017-04-24 17:44 鱼塘底的鱼 阅读(277) 评论(0) 推荐(0)
摘要: 1.line-height:center; 2.position:relative;top:50%;margin-top:-(元素高度的一半)px; 3.同上 position:relative;top:50%;transform:translateY(-50%);//div向上平移自身高度的50% 阅读全文
posted @ 2017-04-17 14:48 鱼塘底的鱼 阅读(97) 评论(0) 推荐(0)