0

我想把两个并排放在另一个上（我有三个）这是我的代码：

<div class=Mheader >
<div class=theader>
Meine Route !
</div>
<div class=imgcss>
 <img src="Images/Route1.png" width=600 height=100 />
</div>

但图像总是在文字下方。我该如何解决这个问题？我的 CSS 是：

.Mheader
{
    font-family: 'Trebuchet MS';
    font-size: larger;
    font-weight: bold;
    font-style: italic;
    text-transform: capitalize;
    color: #FFFFFF;
    background-color: #008800;
    width: auto;
    height: 100px;
}
.theader
{
    font-family: 'Franklin Gothic Demi';
    font-size: xx-large;
    font-weight: bold;
    font-style: italic;
    line-height: normal;
    width: 250px;
    text-align: left;
    height: 100px;
}
.imgcss
{
    text-align: right;
    width: 600px;
}
4

4 回答 4

2

你必须float:left;在.theader和 .imgcss类中使用

于 2012-06-14T10:10:11.343 回答
1

给float他们。像这样写：

.imgcss,
.theader{
 float:left;
}
于 2012-06-14T10:10:19.473 回答
1

只是float: left和 元素，.theader并.imgcss确保父元素至少850px大（600px + 250px）

.imgcss, .theader{
    ...
    float    : left;
}

.Mheader {
    ...
    min-width : 850px;
}
于 2012-06-14T10:10:46.973 回答
1

我假设您希望绿色标题跨越屏幕，并且图像/徽标应该浮动在此标题内的右侧。为达到这个：

  1. 关闭.Mheader. 与失踪 </div>
  2. 添加float: left到 .theaeder。保持width: auto
  3. 添加float: right到 .imgcss

在此处查看演示：

http://jsfiddle.net/mtbwD/

于 2012-06-14T10:17:23.493 回答