html5同级div互不影响,HTML：div不受影像大小的影响

嗨，你可以用两个东西做的像你

有此问题的两个解决方案。

认为你可以定义你的父母溢出隐藏，因为这是坍塌边缘问题

为LIK这

CSS

.parent{

width:600px;

min-height:50px;

border:solid 1px black;

overflow:hidden;

}

img{

display:inline-block;

border:solid 1px #c0c0c0;

padding:5px;

height:150px;

width:150px;

margin:10px;

}

.child{

display: inline-block;

vertical-align: top;

}

HMTL

There are a lot of things

​

或

是你可以定义YOUT img标签和儿童的div显示inline-block的像这样

css

.parent{

width:600px;

min-height:50px;

border:solid 1px black;

overflow:hidden;

}

img{

float:left;

border:solid 1px #c0c0c0;

padding:5px;

height:150px;

width:150px;

margin:10px;

}

.child{

}

​

HMTL

There are a lot of things

​