摘要: 案例一:灰色元素水平垂直居中,有两个四分之一圆位于其左上角和右下角 案例二:左右两栏宽度固定,中间一栏根据父元素宽度填充满,最外面的框应理解为浏览器。背景色为 #eee ,区域的高度取决于三个子元素中最高的高度 对于三列布局,可以采用浮动加定位的方法,对于左右两侧的盒子进行浮动处理,对于中间元素(盒 阅读全文
posted @ 2018-04-06 15:20 Azimuth 阅读(232) 评论(0) 推荐(0) 编辑
摘要: 原文by无悔铭 居中布局 水平居中 1)使用display:inline-block+text-align:center(display问题1 2)(1)原理、用法 原理:先将子框由块级元素改变为行内块元素,再通过设置行内块元素居中以达到水平居中。 用法:对子框设置display:inline-bl 阅读全文
posted @ 2018-04-02 17:09 Azimuth 阅读(218) 评论(0) 推荐(0) 编辑
摘要: 不独占一行的块级元素, 在某种程度上可实现与浮动的相似的效果, 但是inline-block占据文档流, 所以不会产生父容器坍塌问题, 而产生的缝隙问题,使用张鑫旭的博客 去除inline-block元素间间距的N种方法 可以设置元素的高度与宽度 可设置margin和padding任意方向,几乎所有 阅读全文
posted @ 2018-04-02 16:51 Azimuth 阅读(1534) 评论(0) 推荐(0) 编辑
摘要: 浏览器出现Cannot set property ‘onmouseover’ of null的问题 当js文件放在head里面时,如果绑定了事件,就会出现这样的错误,这是因为W3c的写法是浏览器先加载完按钮节点才执行的js,所以当浏览器自顶向下解析时,找不到事件绑定的按钮节点,于是报错。解决方法如下 阅读全文
posted @ 2018-03-26 14:22 Azimuth 阅读(190) 评论(0) 推荐(0) 编辑
摘要: 点表示法 点表示法 在上面的例子中,使用了点表示法(dot notation)来访问对象的属性和方法。对象的名字表现为一个命名空间(namespace),它必须写在第一位——当你想访问对象内部的属性或方法时,然后是一个点(.),紧接着是你想要访问的项目,标识可以是简单属性的名字(name),或者是数 阅读全文
posted @ 2018-03-11 21:11 Azimuth 阅读(157) 评论(0) 推荐(0) 编辑
摘要: 问题一:div的内容物,如图片,溢出div时(父容器塌陷问题) 当容器内的全部元素浮动(由于浮动元素自动形成块元素,脱离文档流不占据位置,会导致父容器高度为零)或者内部不浮动的元素,不足以撑起父容器时,父容器高度会为0或者不足以满足我们对页面布局的要求,那么,我们必须想一些办法来解决这儿问题,有几个 阅读全文
posted @ 2018-03-08 20:07 Azimuth 阅读(580) 评论(0) 推荐(0) 编辑