随笔分类 -  css

摘要：1、新建一个元素，将它的宽高都设置为0；然后通过设置border属性来实现三角形效果，下面是css绘制三角形的原理： 效果:(为了jsfiddle防止被屏蔽,上面已插入了源代码) 从上面的效果可以看到，四个三角形拼成了一个正方形，我们只要把其中一个想要的三角形保留下来，其他的设置为透明的，就可以达到 阅读全文

摘要：1、进入官网：https://jsfiddle.net/ 可以看到如下界面，顶端的控制按钮包括：保存，运行，代码格式化等； 2、将html、css、js分别写在指定的位置当中，最后一个框result是显示效果的； 3、代码编辑完之后保存，会得到上面所写代码的链接，把这个链接复制下来，后面插入博客就用它 4、在博文中插入以下代码： 效果： 其中https://jsfiddle.net/mx... 阅读全文

摘要：一、左右栏宽度固定，中间栏宽度自适应 左右栏宽度固定，中间栏宽度自适应 main left right 缩小窗口的效果： 二、除去列表右边框 除去列表右边框 除去列表右边框 除去列表右边框 除去列表右边框 除去列表右... 阅读全文

摘要：在非ie浏览器下，当容器的高度为auto，且容器中有浮动的元素，容器的高度不能自适应容器中内容的高度，使容器中的内容溢出而影响布局，为了防止浮动溢出，就要进行清除浮动。 例： 清除浮动的方法 1、给浮动元素的容器添加 overflow:hidden；或 overflow:auto；此外在ie6中，需 阅读全文

摘要：行内元素水平居中 把行内元素包裹在块级父元素中，且父元素中的css设置text-align:center; 块状元素水平居中 将块状元素的左右外边距设置为auto即可。 多个块状元素水平居中的情况： 1、传统方法：将水平排列的块状元素设置为：display：inline-block；然后父元素设置为 阅读全文

摘要：首先来了解什么包含块，css包含块是css标准布局中的一个重要的概念，它是绝对定位的基础。包含块就是为绝对定位元素提供坐标偏移和显示范围的参照物，即确定绝对定位的偏移起点和百分比长度的参考。 由于ie浏览器在解析多层包含时会存在一些问题，在ie浏览器中只有当绝对定位的元素拥有层特征时才能准确解析，层 阅读全文