迷茫的小飞侠

摘要： :after伪类+content 清除浮动的影响 浮动元素会让此div的高度塌陷。如下例子： .box{padding:10px; background:gray;} .l{float:left;} <div class="box fix"> <img class="l" src="http://i 阅读全文

摘要： CSS:.box{width:200px; height:100px; border:1px solid #ddd; overflow:hidden;}.list{width:200px; height:100px; line-height:100px; background:#ddd; font-... 阅读全文

摘要： 1.页面上实现css sprite背景定位效果其实margin:-40px 0 0 -160px;与background-position:-160px -40px;实现的原理是一致的，而差别就在于background-position会自动让区域外的图片部分不显示，所以我们要做的很简单，就是给ma... 阅读全文

摘要： text-align属性的元素可以有效作用于inline/inline-block水平的子元素，但是，text-align属性对应用了position:absloute/fixed声明的元素无效！没有应用left/top等属性值的absolute元素就是个不占据空间的普通元素，如果是block水平的... 阅读全文

摘要： 方法一:.element {width: 600px; height: 400px;position: absolute; left: 50%; top: 50%;margin-top: -200px; /* 高度的一半 */ margin-left: -300px; /* 宽度的一半 */ }这种... 阅读全文

摘要： Flex Layout 的目的是为了提供一种高效的方式去为一个容器里面元素布局，对齐，分配空间，即使他们的大小尺寸是未知的，或者是动态变化的父容器有能力修改里面子元素的宽度和高度从而更好的分配空间。更重要的是flexbox布局方向可以灵活变化，比较适合小范围的布局，grid比较适合大范围的布局要想f... 阅读全文

摘要： 1. 简体中文页面：html lang=zh-cmn-Hans2. 繁体中文页面：html lang=zh-cmn-Hant3. 英语页面：html lang=en4. 《回来》的音频，以国语演唱：audio lang=zh-cmn5. 《海阔天空》的音频，以粤语演唱：audio lang=yue6... 阅读全文

摘要： 第一种方法，采用左列 left 浮动，右列不浮动，采用 margin-left 定位的方式。此方法会有一个 ie6 3px bug . 另外，当浏览器框缩小到一定程度时，右侧会掉下来。#left{width:100px;height:100px;border:2pxsolid#333;float:l... 阅读全文

摘要： 1 绝对定位实现2 margin负值实现 3 浮动法http://www.zhangxinxu.com/wordpress/2009/11/%E6%88%91%E7%86%9F%E7%9F%A5%E7%9A%84%E4%B8%89%E7%A7%8D%E4%B8%89%E6%A0%8F%E7%B... 阅读全文

摘要： The browser default which is something like 16pt for Firefox, You can check by going into Firefox options, clicking the Content tab, and checking the ... 阅读全文