开篇
一些元素,如float元素,如position为absolute,inline-block,table-cell或table-caption的元素,以及overflow属性不为visible的元素,它们将会建立一个新的块级格式化上下文。
上述定义已经很详细的描述了块级格式化上下文(Block Formatting Context)是如何形成的,为了方便起见,文中均用BFC代替。现在,让我们...
分类:
Web程序 时间:
2015-08-11 14:14:49
阅读次数:
209
1、原理:利用? overflow: hidden;属性只显示一行,调整scrollTop达到滚动目的 <style?type="text/css">
.linkDiv?{
??width:?870px;
??height:?20px;
??line-height:?20px;
??float:?left;
??o...
分类:
其他好文 时间:
2015-08-11 12:30:53
阅读次数:
150
首先,实现这种效果需要css两个属性,分别是text-overflow和white-space. 1.text-overflow有两个值,clip:表示剪切文本;ellipsis:表示用省略号代替修改的文字. 2.white-space这里只说明两个常用的值,normal:表示自动换行;no...
分类:
Web程序 时间:
2015-08-11 12:02:29
阅读次数:
137
JS版
下拉刷新
body{
margin:0px auto;
padding:0px;
}
*{
margin:0px auto;
padding:0px;
}
#mainContent{
margin-top:20px;
width:200px;
height:300px;
border:1px solid #ccc;
overflow:sc...
分类:
其他好文 时间:
2015-08-11 10:08:29
阅读次数:
118
做一个点击查看显示详细信息的效果。说一下问题描述,最外面的父元素overflow-parent设置了overflow:hidden,然后子元素overflow-child没有设置overflow,设置了relative,为其包含的绝对定位的元素进行位置确定,这个元素点击时高度增加到300px. .....
分类:
其他好文 时间:
2015-08-09 23:52:57
阅读次数:
135
周末闲暇时,参照http://www.cnblogs.com/babyzone2004/archive/2010/08/30/1812682.html实现了个jquery图片轮播特效界面效果:css实现:*{
margin:0;
}
div{
position:relative;
width:600px;
height:400px;
border:1px#000solid;
overflow:hidden;
margin:auto;
}
divul{
lis..
分类:
Web程序 时间:
2015-08-09 11:01:56
阅读次数:
117
对于上一篇提到的overflow的问题我好像搞懂一些了。事情大概是这个样子的:如果用了float属性,那么元素就会脱离文本的束缚,无法无天起来,这肯定是猿类无法忍受的。要想让他们乖乖就范,要么用清除浮动,要么用overflow属性。这是两种解决方法,不需要同时使用。但有一点要特别注意的,ove...
分类:
其他好文 时间:
2015-08-08 16:28:50
阅读次数:
215
程序员常去的14个顶级开发社区Stack Overflow9月份,Stack Overflow也将迎来其6岁的生日,毫无疑问,Stack Overflow是全球最受程序员欢迎的开发社区,而且也是内容最丰富的社区之一。官方网站:http://stackoverflow.com/CodeProject截...
分类:
其他好文 时间:
2015-08-07 09:32:20
阅读次数:
103
因为容器的子元素设置浮动后, 内容移出了文档流!解决办法:1.给个overflow:hidden;作为闭合浮动元素2.设定UL 一个固定的高度下面是一些与之相关的解决办法,参考文章《那些年一起清除过的浮动》1)添加额外标签mainside没有添加红色代码前:添加红色代码后:2:在红色代码处放上如上代...
分类:
其他好文 时间:
2015-08-06 23:50:11
阅读次数:
127
关于text-overflow text-overflow属性规定当文本溢出包含元素时发生的事情。默认值:clip继承性:no版本:CSS3JavaScript 语法:object.style.textOverflow="ellipsis"语法:text-overflow: clip|ellipsi...
分类:
其他好文 时间:
2015-08-06 00:08:06
阅读次数:
151