怎么用JS让DIV自动 适应自身内的图片宽度

JavaScript025

怎么用JS让DIV自动 适应自身内的图片宽度,第1张

<style>

.frame_all{

padding:5px 5px 0px

display:block

float:left/*这里让div飘了*/

background-color:red}

.frame_img{

background-color:blue}

.frame_title{}

.frame_title span{

font-size:14px

line-height:23px

font-weight:bold

color:white

display:block

text-align:center

margin:0 auto}

</style>

<div class="frame_all">

<div class="frame_img">

<img src="" width="100" height="150" />

</div>

<div class="frame_title">

<span>标题</span>

</div>

</div>

想让div自动适应宽度就直接飘(float)就好了,但是飘理解的不深刻就会飘乱了。

内部的那个span不要设置宽度,因为它本来就不固定。

你可以把代码贴出来,我给你改改。这段代码你看看对你有帮助没

1、HTML的div标签主要是用来布局,div默认是没有任何属性的这也是常用它布局的原因。

2、主要设置两个div,一个div在外一个div在内,并设置div的边框颜色。

3、首先打开页面,具体如下图所示。

4、F12打开审查元素,修改内层div的宽度,外层div随着边框。

5、修改内层div高度,外层div高度随之改变。

6、div定位测试。div如果使用了定位position则外层不会随内层div变化。

7、最后输出结果如图。