css怎么实现连个div的高度一样

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了css怎么实现连个div的高度一样相关的知识,希望对你有一定的参考价值。

想要实现两个div的高度一样吗?
可以先编写一个公用的class样式,比如:
.div
height:500px;
width:500px;
;
然后两个div都引用这一个样式,
<div id="div1" class="div"></div>
<div id="div2" class="div"></div>
这样就可以实现两个div的高度一样了。
参考技术A .cls
height:npx

设置div宽度和高度

一个div(id=a)里面有一个div(id=b),这个div(id=b)里有一个图片(id=c)。
图片的大小是不确定的。
在什么都没有设置的情况下,div(id=b)的宽度和div(id=a)一样,高度和图片(id=c)一样。
我想让div(id=b)的宽度也和图片一样怎么设置、?
我的最终目的是通过设置div(id=b)的 style=‘margin:0 auto;’ 使div(id=b)居中。
可是因为div(id=b)与div(id=a)的宽度一样,使得不能通过该方法居中。
页面中还有其它元素,所以也不能通过 style='width:auto;float:left;' 这个方法, 即不能将其设置为浮动。
那么,要怎么设置才能使div(id=b)的大小与其中的图片大小一致呢、?

#a overflow:hidden;text-align:center;
#b overflow:hidden;
-----------------------------------------------------------------
<div id="a">
<div id="b"><img src="img/01.jpg" /></div>
</div>

不知道你具体要做成哪样的。你最好把效果图截出来,包括它周围的元素
参考技术A #bwidth:auto;
#b imgdisplay:block;margin:0 auto;本回答被提问者采纳
参考技术B width:auto;height:auto:
margin:0 auto;这个加在id=a上

以上是关于css怎么实现连个div的高度一样的主要内容,如果未能解决你的问题,请参考以下文章

DIV+CSS 如何让左右两个DIV的高度一致?

DIV+CSS布局,怎么实现两列高度会一致,其中左例随内容长度而定。

css 怎样定义屏幕高度的一半

设置div宽度和高度

css div高度设置

css after 插入图片,怎么设置内容高度