随笔分类 -  HTML CSS

摘要：手动下载 自动分发 .modeText { width:150px; display:inline-block; border: 1px solid #0000FF; }由于span是inline元素，所以使用width并不起作用，但是设置为block元素，又会影响其它元素的布局，CSS2.1引入的inine-block可以完美解决此问题 阅读全文

摘要：很多朋友问过我absolute与relative怎么区分，怎么用?我们都知道absolute是绝对 定位，relative是相对定位，但是这个绝对与相对是什么意思呢?绝对是什么地方的绝对，相对又是相对于什么地方而言的呢?那他们又有什么样的特性， 可以做出什么样的效果呢?关于两者之间又有什么样的技巧呢?下面我们就来一一解读。 Absolute，CSS中的写法是：position:absolute; 他的意思是绝对定位，他是参照浏览器的左上角，配合TOP、RIGHT、BOTTOM、LEFT(下面简称TRBL)进行定位，在没有设定TRBL，默认 依据父级的做标原始点为原始点。如果设定TRBL并且父. 阅读全文