div属性设置
2015-03-31 16:12
78 查看
1、固定位置
固定div位置,需设置position属性为fixed,左右上下属性依次为left、right、top、bottom。另外,一定要确定其大小,即确定width和height属性,具体代码如下:
2、添加滚动条
为div添加滚动条,需设置overflow属性为scroll。同样也要确定其大小范围,当内容超出范围时,滚动条自动出现,具体代码如下:
3、添加自适应背景
可以通过添加background:url()属性为div添加背景图片,但是,如果图片与div大小不一致,图片要么展示不全,要么重复叠加,可通过如下代码的设置来使图片自适应div的大小。
固定div位置,需设置position属性为fixed,左右上下属性依次为left、right、top、bottom。另外,一定要确定其大小,即确定width和height属性,具体代码如下:
<div style='position:fixed;left:10px;top:10px;bottom:10px;width:200px;height:750px;' >固定div位置</div>
2、添加滚动条
为div添加滚动条,需设置overflow属性为scroll。同样也要确定其大小范围,当内容超出范围时,滚动条自动出现,具体代码如下:
<div style='position:fixed;left:10px;top:10px;bottom:10px;width:200px;height:750px;overflow:scroll;' >固定div位置,并添加滚动条</div>
3、添加自适应背景
可以通过添加background:url()属性为div添加背景图片,但是,如果图片与div大小不一致,图片要么展示不全,要么重复叠加,可通过如下代码的设置来使图片自适应div的大小。
<div style='background:url("../pic/1/1.jpg"); filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale)"; -moz-background-size:100% 100%; background-size:100% 100%;width:100%;height:100px;'> 图片自适应div大小 </div>
相关文章推荐
- css3实现一个div设置多张背景图片及background-image属性
- [自用门户]当设置一个div,其子标签有属性,外层没有引起塌陷
- CSS+DIV排版时容器内对象全部设置了float属性后容器不能自动适应高度的解决方案
- 关于在IE9下css属性设置margin:0 auto 不能使div居中
- CSS的哪个属性可以设置DIV模块居中显示?
- "把一个div标签,给它的属性设置position: fixed;bottom:0;固定在浏览器的最底部。 这个div标签在浏览器上下滚动的时候,会一直保持在屏幕最底部,这一点没有问题。但问题是当浏览
- 子div设置float,父div不再增加高度,需要给父元素加个overflow:hidden属性
- div+css中的为什么要设置浮动属性,浮动完了为什么又要清除浮动
- div+css中设置了float属性后如何让外层的高度随着内层的高度大小自动调整
- div滚动条属性及样式设置
- DIV滚动条属性及样式设置方式
- firefox中的div.style.display属性以及div的透明度设置
- c# asp.net 后台设置div的css属性,设置style
- css3实现一个div设置多张背景图片及background-image属性
- ie和谷歌下设置div滚动条的属性
- div 滚动条属性及样式设置
- css3实现一个div设置多张背景图片及background-image属性
- 转 关于在IE9下css属性设置margin:0 auto 不能使div居中
- HTML5--为div设置常用属性
- JavaScript基础 通过style属性设置div的高度,宽度,背景颜色