今天在做H5的水平滑动卡片时用到了display:inline-block;却发现处在同一水平线上的元素之间居然产生了缝隙，这很显然不是我想要的效果，所以我就换成了左浮动，这样缝隙的问题是解决了，但是需要设置父元素的宽度才能实现水平左右滚动，这样又增加了代码量，因为卡片的个数不固定，需要实时设置其父 ...
分类：
Web程序 时间：
2016-12-06 14:26:09
阅读次数：
178
左右两边宽度固定，中间自适应 第一种方法：左右两边绝对定位 html代码 css代码 第二种方法：可以利用浮动，左边的左浮动，右边的右浮动 css部分 html部分; 第三种方法：这种方法是在实际的网站中应用的最多的，我个人感觉多少有些跟风的嫌疑。此方法很难用一句话概括。首先，中间的主体要使用双层标 ...
分类：
Web程序 时间：
2016-12-06 13:53:32
阅读次数：
228
两列布局：左边固定，后边自适应 第一种方法：左边的div左浮动或者是绝对定位，右边的div加margin-left:左边div的宽度 html部分 css部分 第二种方法：BFC(块级格式化上下文) 对于BFC的理解可以看 http://www.cnblogs.com/vitruvi/p/43038 ...
分类：
Web程序 时间：
2016-12-05 19:24:33
阅读次数：
134
效果图： 这是利用负外边距的方法 主内容需要2层div1、外层宽度100%，左浮动2、内层给一个最小高度，左边和右边为了空出200px需要给一个margin:0 200px 左边栏宽度200px，高500px1、左浮动2、为了让主内容能够浮动在它的右边，需要给一个margin-right:-100% ...
分类：
其他好文 时间：
2016-12-04 14:22:09
阅读次数：
291
效果图： 这是利用负外边距的方法 主内容需要2层div1、外层宽度100%，左浮动2、内层给一个最小高度，为了空出左边的200px需要给一个margin-left:200px 左边栏宽度200px，高500px1、左浮动2、为了让主内容浮动在左边栏的右边，需要给一个margin-right:-100 ...
分类：
其他好文 时间：
2016-12-04 14:07:16
阅读次数：
274
1、ie6双边距情况 ie6下的显示效果 如图所示，红色div左边距不是20px，而是40px 这是ie6的一个bug(双边距bug),只需要满足一下条件就会出现 1）块状元素 2）左浮动 3）有左边距 2、解决办法 只需要给块状元素加上display:inline即可 此时，ie6下的显示效果 如 ...
分类：
其他好文 时间：
2016-12-04 11:39:49
阅读次数：
233
浮动对我来说，一直都很神奇。 特别不老实，一会儿跑上来，一会儿跑下去的。 float:left;左浮动 float:right;右浮动 float:none;不浮动#注意！1.做水平布局时，所有元素都需要设定浮动（一般出现在header中，又有logo又有nav的）2.元素设定浮动时，本身不占位了， ...
分类：
Web程序 时间：
2016-11-25 20:20:39
阅读次数：
190
首先巩固一下盒子模型： 实线以内是可视尺寸（clientWidth和clientHeight）； margin虚线以内的是占据尺寸。 margin的几个特别作用： 1，改变client尺寸：一列定宽的自适应布局： eg： 对于这个页面，让img左浮动，里面的文字会环绕图片： 蓝色是p标签内容块大小， ...
分类：
Web程序 时间：
2016-11-02 00:22:31
阅读次数：
237
1.全局样式里面： 1.container:版心 2.col-xx-xx：栅格布局 3.btn btn-default： 按钮，默认按钮样式 4..pull-left pull-right clearfix: 左浮动 右浮动 清除浮动 5.响应式工具：visiable-xx: 在xx下隐藏 6.te ...
分类：
其他好文 时间：
2016-10-17 06:49:45
阅读次数：
183
当我们想让一段文字出现在一个布局块的右边的时候，我们会让布局块向左浮动，然后把段落设置左布局块宽度大小的左空白。比如左布局块是.a{float:left;height: 110px;width: 286px;}，我们就设置p{margin-left: 286px;border: 1px solid ...
分类：
其他好文 时间：
2016-10-07 17:57:03
阅读次数：
288
