Hi晨Sir
感謝好室友帶來的解決辦法
- 由于float浮動效果，帶來的高度"塌陷"讓CSS很菜的我只能請出室友出馬，修改前效果如下
修改前圖片
- 修改前樣式
html
<div class="detail ">
<div class="file"></div>
</div>
css
外層樣式
.detail {
margin: 15px 10px 0px 10px;
background-color: #FFFFFF;
border-radius: 5px;
}
內(nèi)層圖片樣式
.file{
margin-left: 15px;
margin-bottom: 10px;
float: left;
}
- 修改后的效果如下
修改后圖片
- 修改后樣式
html
<div class="detail ">
<div class="file"></div>
<div class="clear"></div>
</div>
css
.clear {
clear: both;
}
- 方法很簡單爸邢，但是很管用，論有一個好室友的重要性
