.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、最后输出结果如图。