SuperLin's Blog

摘要： 流动模型 流动（Flow）是默认的网页布局模式。也就是说网页在默认状态下的 HTML 网页元素都是根据流动模型来分布网页内容的。（块元素和内联元素） 浮动模型 层模型 层布局模型就像是图像软件PhotoShop中非常流行的图层编辑功能一样， 每个图层能够精确定位操作 ，但在网页设计领域，由于网页大小 阅读全文

摘要： 前言 这是js阶段的第一题，感觉不是很难，自己写了一个简单的，但是之后又看了一下得分最高的一个团队的代码，有值得学习的地方，自己写的过于简单，很多东西都没有考虑到。即使一个简单的题目，也有不同的解答方法。对我而言，并不在于是否求解，最重要的是思考和实践的过程，以及各种不同的解决方案， 在实践中遇到问 阅读全文

摘要： 代码： 效果： 如图所示：需要明确几个概念： 阅读全文

摘要： 原文: http://www.w3cplus.com/css/advanced html css lesson2 detailed css positioning.html © w3cplus.com 摘录： Position absolute 1.使用了绝对定位的元素但是 没有进行任何盒子位移属性 阅读全文

摘要： float的设计初衷 文字环绕效果 BFC Block formatting context 【块级格式化上下文】 float属性的含义 元素使用了float属性之后，可以使该元素脱离标准流，浮动在其他元素之上，不再占据原本的空间，会导致后面的元素上移并占用该元素原本的空间。 float属性仅对使用 阅读全文

摘要： 前言 前几天写了一篇关于 margin负值的博文，以为理解了其中的奥秘，但是今天把《css权威指南》中关于外边距的一章看了一遍，发现还是有不能理解的地方，所以特此更一篇博文，解答自己的疑惑~ 普通文档流中的margin负值 效果： 普通文档流中的元素在页面中的位置是根据文档流的变化而变化的。负边距会 阅读全文

摘要： 追根溯源 双飞翼布局 来源于淘宝UED的玉伯，致敬~ 圣杯布局【Holy Grail of Layouts】 Kevin Cornell在2006年提出的一个布局模型概念，在国内最早是由淘宝UED的工程师传播开来 知识点 使对象向左移动一段距离，这段距离等于 父体的内容宽度 ，上浮到前面元素的最左边 阅读全文

摘要： 效果 上和左方的margin负值使元素向上和左方向移动，如果该元素position不是absolute或fixed，这还会导致之后的元素也向上，左移 下和右方的margin负值会 缩小下和右方的空间 ，使处于该元素下，右方的元素被 拉向 该元素，使 之后的元素 发生向上，左移，以至于与之重叠 原理 阅读全文

摘要： 代码： 效果： 问题： input，button标签之间出现了间距，这并不是我们所期望的。 解决方法： 1.在父级元素上设置属性：font size:0px; 将input父级字体(font size)设为0px，可以消除间隔，但是得重新设置内联元素(input)的字体大小; 2.去掉input，b 阅读全文