在制作网页时,常常希望页面能够在窗口变小时出现滚动条,保持页面不变形;同时又想让页面随同窗口自动增长以填满窗口。
这时候我们需要设置长宽保留最小值,同时自适应。
如:background:url(header_bg.gif) #ffffff repeat-x 0 0; min-width: 760px;
width: expression(document.body.clientWidth < 1024? "1024px": "100%" ) 这样就保证了页面的不变形和自适应伸展。
假如我们有一张图片,希望它作背景,但是又不希望被平铺,可以这样设置。
<body topmargin= "0 " leftmargin= "0 ">
<img border= "0 " src= "log_bg.png " width= "100% " height= "100% ">
<div style= "position: absolute; left: 0; top: 0 ;width:100%; height:100% ">
img是背景,放在这个div里面的都是前景了
</div>
</body>
分享到:
相关推荐
用JS+CSS来实现DIV层自适应高度,无论你的浏览器大小如何变化都会自适应高度, 调节宽度同样的道理
下面小编就为大家带来一篇CSS控制div宽度最大宽度/高度和最小宽度/高度的方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
直接通过CSS控制一个DIV内所有图片宽度超过650PX时.自定为650PX;高度自适应! 些CSS代码是目前最简单有效的自动调整图片尺寸的方法,且兼容IE6 IE7 IE8 和FF等版本的浏览器
demo包括: 1、多个div并排,宽度自适应100% - 左右两侧div宽度固定,中间DIV占满剩余区域 ; 2、多个div,高度自适应100% - 页面布局:头,身体,脚,占满整个屏幕;
更多详细,请见: http://hi.baidu.com/xpnew/blog/item/3504685973c9cf2d2934f07e.html
一、让图片的宽度或者高度等于容器的宽度或高度,多余的裁掉,然后让图片居中: <style type="text/css"> div{ width: 200px; height: 200px; overflow: hidden; border: 2px solid red; position: ...
纯css实现table滚动条(纯css实现div滚动条),主要是通过设定高度/宽度及overflow:auto;实现.
一款不需要任何JS即可控制图片上下左右居中的效果 以前以为必须要JS才能控制...使用方法简单:图片外围包含两个容器即可,并设置图片宽度以及高度,如果是动态读取的话,则需要程序传递一个图片的高度以及宽度即可。
NULL 博文链接:https://fengshayage.iteye.com/blog/868360
不过经常遇到这种div没有固定的宽度高度的情况,我们就不能用margin,padding设置固定的距离了。这个问题让很多人头疼。而怎么样才能让这个div居中显示呢?其实这种情况解决的办法也是有很多种,js,css都可以实现。...
css边框背景阴影 DIV自适应宽度 背景色渐变、透明 多行自适应浏览器高度 圆角div 固定高度div,随内容自动变高css定义方法等等
10 三、实现结构与表现分离 11 第六节 div+css的兼容性问题 11 一、div的垂直居中问题 11 二、margin加倍的问题 11 三、浮动ie产生的双倍距离 11 四、IE与宽度和高度的问题 11 五、页面的最小宽度 12 六、DIV浮动IE...
一、可以使用js判断图片的宽度得到具体数值之后,再来利用js设置图片的高度(这里就不具体为大家细说了)。 利用js来实现有一个缺点就是只能在页面刷新的时候才能调整图片的高度,不能随着浏览器的窗口大小变化来...
div+css有实例,易学易懂第1 章 Web 标准布局的本质 第8 页 1.1 为什么要建立Web 标准 1.1.1 建立Web 标准的目的 1.1.2 使用Web 标准的好处 1.2 什么是Web 标准 1.3 内容、结构和表现 1.4 两种思考方式 1.5 Web 标准...
调用方式:$.divselect("#divselect","#inputselect");...根据需要修改css背景、css宽度、css高度等图片或css样式实现自己想要的select下拉菜单表单美化效果。演示地址:http://www.bcty365.com/content-73-325-1.html
CSS设置页面最大最小宽度 兼容ie6/7/8/9,FF,chrome,sogou等浏览器 设置最小宽度 div { width:100%; min-width:1000px; width:expression_r(document.body.clientWidth < 1000> 1200 ? "1200px": "auto" ); } ...
通过Div+CSS 结合Jquery制作的具有左侧菜单、导航菜单、下拉菜单、自动适应窗口大小、自动控制iframe高度,动态修改CSS样式,利用CSS的expression表达式,自动调整div大小,实现div左侧跟随的诸多布局应用。
本文介绍的是利用CSS3的新属性box-sizing,解决div宽度设置width:100%后再设置padding或margin超出父元素的问题,有需要的朋友们可以参考借鉴。 语法 box-sizing: content-box|border-box|inherit; 值一、content-...