摘要：水平方向－三栏布局 1.浮动布局 简介：左边固定宽度后左浮动，右边固定宽度后右浮动 但是，这种布局方式有个缺点：当中间的内容很多时，将会出现“字围”效果，如下图所示 解决办法：创建一个BFC来解决上面的问题。众所周知创建BFC的条件有： 1）float的值不为none； 2）overflow的值不为 阅读全文

摘要：弹出框里有滚动条，并且页面也有滚动条时，在弹出框内滑动时底部页面也会跟着滑动，试了下当弹出框出现时加上$('body').css({'height','100%','overflow','hidden'});不起作用，后来在弹出框上加上以下代码便起作用了。 弹出框关闭后，再恢复 阅读全文

摘要：在UC浏览器上使用display:flex;时会不起作用，要加上兼容性写法，如下 使用flex:1;时也要添加如下兼容性写法： 但是，一定要注意：如果作用于flex:1的元素为input或button时，只用flex:1;是不起作用的，还要加上display:block;才能起作用。 以下为小案例 阅读全文

摘要：一、单行文本垂直居中： 设置其文本的行高line-height与其父容器高度相等即可。如 效果图如下 二、已定位的盒子实现垂直居中 法一：子盒子绝对定位后设置其高度，margin:auto,且top、right、left、bottom均为0. 效果图如下： 法二：让其子盒子绝对定位后的top:50% 阅读全文

摘要：转载：穆乙 http://www.cnblogs.com/pigtail/ 相信做过后台管理界面的同学，都非常清楚这个布局。最直观的方式是框架这个我不想多写费话，因为我们的重心不在这里。如果有不了解的同学可以百度、google。这里我不得不吐下槽！！ 百度实在让我这个“粉丝”失望。就目前情况来说，百 阅读全文