如何让div高度继承其背景图高度?每个背景图高度不一样

作者&投稿:蒲要 (若有异议请与网页底部的电邮联系)
在DIV+CSS,我给一个div定义背景样式,但是不定义高度,这个背景图片就显示不出来,这个时候怎么办呢?~

不太明白你的意思,背景图与高度实际没什么关系,除非你背景图上部是白底的,如果是这样,你可以改变一下背景图的对齐方式,比如纵向居中,或是底部对齐.

具体步骤如下:
1、输入position:fixed; top: 0; left: 0;使整个div固定在屏幕的最上方和最左方。

2、输入width:100%;height:100%; min-width: 1000px;这个可以适合div的高度和宽度,而min-width是为了实现让屏幕宽度在1000px以内时,div的大小保持不变。

3、输入background-size: cover;-webkit-background-size: cover;-o-background-size: cover;使图片随屏幕大小同步缩放,但是有部分可能会被裁切,不过不至于会露白,下面两句是为chrome和opera浏览器作兼容。

4、输入background-position: center 0;使图片的位置,居中,靠左对齐。

你确定是div 继承图片的高度,而不是让图片继承div 的高度。
我猜你说的应该是其二:图片继承div 的高度。
因为 其一:div 继承图片的高度
图片又是高度不一样的,那效果就是 div 不设置高度的话,DIV 是会自动去适应图片的高度的,根本不用做什么。
所以 你说的每个图片不一样,你是想让图片和div 高度是一直的
你只需要给div设置高度,让图片适应div的大小就可以了,但是图片太小,div太大的,是会被拉伸的,特别难看。


怎么设置文字在div中垂直居中,而不是用line-height来设置
在Internet Explorer 6中对父元素进行定位后,如果再对子元素进行百分比计算时,计算的基础似乎是有继承性的(如果定位的数值是绝对数值没有这个问题,但是使用百分比计算的基础将不再是该元素的高度,而从父元素继承来的定位高度)。例如,我们有下面这样一个(X)HTML代码段: imoker.cn(爱摩客)提供的代码片段: <div id...

DIV设置width后超出父元素应该如何解决
就是说,为元素指定的任何内边距和边框都将在已设定的宽度和高度内进行绘制。通过从已设定的宽度和高度分别减去边框和内边距才能得到内容的宽度和高度。值三、inherit 规定应从父元素继承 box-sizing 属性的值。<!DOCTYPE html><html><head><style>div.container{width:100%;border:1em solid;padding:...

DIV标签的范例_div标签用法
DIV{;left:200px;top:40px;height:150px} 这里我用了“理论上讲”,因为有些浏览器不支持高度属性。可视性:利用CSS,你可以隐藏元素,使其在页面上看不见。这条属性对于定位了的和未定位的元素都适用。H4{visibility:hidden} 选项:visible使元素可以被看见 hidden使元素被隐藏 inherit指它将继承...

css 一个div里套了四个小div 如何让他们自动分配间距,高度被设定的情况...
如:<!DOCTYPE html><head> <title><\/title> <style> .box { width: 200px; \/*宽度没有限制*\/ height: 200px; display: -webkit-box; \/*这个必须要有*\/ -webkit-box-orient:vertical; \/* 默认横向划分 vertical 为纵向划分*\/ }.box div{height:100%;}.div...

CSS选择符的哪些属性可以继承?
我选了几个关键字:CSS选择符、属性、继承,我觉得可能题主是想问的是,CSS的属性那些可以继承。如果是这样,那参考:css 的继承性是什么?在面向对象语言都会存在继承的概念,在面向对象语言中,继承的特点:继承了父类的属性和方法。那么我们现在主要研究css,css就是在设置属性的。不会牵扯到方法的...

div中的相对定位与绝对定位
高度:理论上讲,高度应该和宽度的设置类似,只不过是在垂直方向上: DIV { position: absolute; left: 200px; top: 40px; height: 150px } 这里我用了“理论上讲”,因为有些浏览器不支持高度属性。 可视性:利用CSS,你可以隐藏要素,使其在页面上看不见。这条属性对于定位了的和未定位的要素都适用。 H4 { ...

我在一个DIV里面又加了DIV,怎么样设置第二个DIV的位置啊?
下面给个小例子:<style type="text\/css"> {margin:0; padding:0;} container {width:512px; height:384px; background:#aaa; margin:0 auto; position:relative;} inner{width:200px; height:200px; background:#eee; position:absolute; left:50px;} <\/style> <\/head> <body> <div id...

div是什么啊?怎么使啊?作个简单的介绍吧!
这里我用了“理论上讲”,因为有些浏览器不支持高度属性。可视性:利用CSS,你可以隐藏要素,使其在页面上看不见。这条属性对于定位了的和未定位的要素都适用。H4 { visibility: hidden }选项: visible 使要素可以被看见 hidden 使要素被隐藏 inherit 指它将继承母体要素的可视性设置。 值inherit 为缺省值。这使...

如何解决当“一个”div自适应“自身”的宽度时右边多出一块空白的情况...
div是块级元素,自适应是受父元素的影响,即如果不给当前的div加固定的宽度,它会继承父元素的width值。所以,要么改变父容器的宽度,要么给当前的div加固定的宽度。

css样式的继承
<div style="font-size:14px"> <span>css样式继承<\/span> <\/div> 父级元素div设置字体大小为14px,那么子级元素span会继承父级元素div的字体大小

徐州市18280552021: 怎么让div的高度自适应屏幕的高度 -
邹味灭菌: div层自动适应窗口大小,可以使用height:auto属性来自适应,示例如下: .FGH { height:auto !important; height:344px; min-height:344px; } 调用方法:Div+Css自适应高度,最小高度的方法 (兼容所有浏览器)

徐州市18280552021: 怎么让Div自适应高度 -
邹味灭菌: height:auto !important;height:200px; /*假定最低高度是200px*/min-height:200px; 这个设置,ie6,7,8 ,火狐等都能兼容.div标签内设置height高度样式: 在div标签内使用style属性即可设置此DIV盒子高度样式.小例:<div style="height:50px">我高度为50px</div> 解释:以上通过div标签的style属性样式设置height高度样式.

徐州市18280552021: 如何让div永远保持在底部? -
邹味灭菌: 方法一: 思路:利用text-align属性将图片保持在底部,然后设置padding-top的值使其保持在底部. 结构如下: CSS样式如下: div {width:300px; height:150px; background-color:#CCC; border:#000 1px solid; text-align:center; ...

徐州市18280552021: 怎样让一个div高度自适应浏览器高度 -
邹味灭菌: 之前我只站在我的最高分辨率的角度站去写,把container的min-height设定达到最佳效果.却忽略了,如果大于我的最高分辨率时,这时container的min-heihgt就不能满足了!给container设height:100%,结果不行,我有点怀疑height:100%根本...

徐州市18280552021: css的一个问题,一个div里面什么都没有只有一个背景图片希望能和父级一样的高度,谁知道怎么弄啊
邹味灭菌: 解决办法1,js获取父级div高度,赋值给left和right. window.onload = function() { var hei= document.getElementById("body").style.height; document.getElementById("rightshadow").style.height=hei; document.getElementById("leftshadow")....

徐州市18280552021: 如何设置两个div相同的高度? -
邹味灭菌: 最简单的:1、你不要设背景,不要设边框2、设一个背景,两个div共用那种repeat-y

徐州市18280552021: 如何让一个div的高度等于另一个div的高度 -
邹味灭菌: 设置div的高度的话,你可以直接使用style这个属性,里面写上:style=“height:40px"这样就可以放在div里面,设置相同的高度.

徐州市18280552021: 怎么让DIV的高度始终和右面一样 -
邹味灭菌: <div style="width:1000px;"><div style="height:100px;width:500px;"></div><div style="height:100px;width:500px;"></div></div>

徐州市18280552021: 上下俩个div是背景图片 中间div高度自适应 请问怎么做? -
邹味灭菌: 不清楚你说的中间那个 div高度自适应,是适应标签内部的内容,还是适应窗口变化!?----------------------------------------------------------- 如果是自适应内部内容的话,不指定高度即可.如:内容------------------------------------------------------------- 如果是自适应窗口大小,解决的方法也多,不过都有点局限性!先介绍一种吧!有需要再给我留言就是了!如:内容 这种方法兼容ie8、ff、Safari、Opera,但对ie6支持不好,ie7稍微好一点,如果只局限在body次层使用也有解决的方法.

徐州市18280552021: css怎么使一个div的高随另一个div的高的变化而变化,还有就是怎么使第三个div的位置随它们的高度而变化. -
邹味灭菌: 代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> <meta http-equiv="Content-Type" ...

本站内容来自于网友发表,不代表本站立场,仅表示其个人看法,不对其真实性、正确性、有效性作任何的担保
相关事宜请发邮件给我们
© 星空见康网