html - 两列 - 图像、文本 - 对齐不起作用

Question

我不知道我做错了什么......

我在 CSS 中有这个:

.teamblock {
    position: relative;
}
.teamimage {
    float:left;
    width:20%
}
.teamtext {
    float: left;
    padding: 10px;
    width:60%;
}

在html中，我的结构如下:

<div class="teamblock">
    <div class="teamimage">
        <img src="some image">
    </div>
    <div class="teamtext">
        Some text
    </div>
</div>

起初它似乎工作正常。但是请看这里:

http://dev.pfp-consortium.org/index.php/about/meet-our-team

我不知道这是怎么可能的...

谢谢!

Answer 1

这也适用于白色宽度

所以你有:

.teamblock{
position: relative;
display: inline-block;
overflow: hidden;
margin: 5px;
width: 100%;
background: #ffffff;
}

它对我有用，请参阅: