柳宁依的博客

直接上代码：<div></div>div { width:0; font-size: 50px;}div:before { /* content: '好 easy 好';凸 */ content: 'easy好easy '; outline: 10px solid blue;}一个宽度为0的div元素，配上一个伪...

前提：高度已知，左右宽300px，中间自适应的三栏布局。公共样式：&lt;style&gt; * {padding:0;margin:0} .main div{min-height:100px;}&lt;/style&gt;1、浮动布局&lt;style&gt; .left{ width:300px; backgroun...

Flex布局：display:flex 或 display:inline-flex   Webkit内核的浏览器，必须加上-webkit前缀，设为Flex布局以后，子元素的float、clear和vertical-align属性将失效。父元素设置flex可使得子元素横向排列，并且就算父元素没有设置高度也不会出现坍塌 容器的属性：决定主轴方向，即项目排列方向flex-dire...

绝对或者固定定位，然后设置属性如下：top:50%;left:50%;transform: translate(-50%,-50%);百分比+CSS3新属性完美搭配

终于发现问题了，一直以为是宽度的问题，可是明明宽度都一样，原来是因为滚动条的出现引起的。设置下面的样式就解决问题了html{ overflow-y:scroll}...