12日知识点回顾

标签：

一：border-radius的用法

二：float:left布局：

html：

(a>img)+(div>san+span)

css样式1：用float

a{
  float:left;
    width: 40px;
    height: 40px;
 }
div{margin-left:40px}
span{display:block;width: px;height:px}

对a设置float：left后，会压住后面的div，解决方法是给div设置margin-left：px。应该注意的是，若a标签后跟着的是行内元素span或者inlin-block属性的元素，将不会被a覆盖，原因是div等块状元素默认占据width为100%。不考虑IE6/7..

针对上面这点，若在移动端对上面的布局，只要设置a与div的width的%之和不大于100%，设置div{margin-left：a的宽度占比}；就可以自适应浏览器了

强烈推荐张鑫旭大神的关于position，float系列文章css相对定位系列一

夜深，睡觉。。欢迎给我小伙伴指教。

大半夜的，飘来肉香味，让肚子怎么办。。。

12日知识点回顾

标签：

原文地址：http://www.cnblogs.com/wbengineer/p/4639773.html