图像在文本下

时间:2016-10-06 09:14:06

标签: css

我不明白如何解决这个问题。

每当我在移动设备或平板电脑上观看时,图片都会在文字下方显示,并且会使文字无法读取。它在笔记本电脑/计算机视图上看起来很棒,但在手机或平板电脑上却很糟糕这是我的网站。 http://www.phincer.com/它的标题是“我们知道WEbsite对您的公司有多重要”#34;这是代码。

    .style_two {
    position: relative;
}
    .style_two .promo-image {
    position: relative;
    padding: 0px;
    border-top: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
    text-align: right;
    background: #ffffff;
    overflow: hidden
}
    .style_two .promo-image img {
    width: 50%;
    float: right;
}
    .style_two .caption {
    width: 49%;
    float: left;
    height: 100%;
    background: #ffffff;
    text-align: left;
    position: relative;
    /*margin-left: 10px;*/
}

1 个答案:

答案 0 :(得分:0)

这是因为你没有正确设置位置。它应该是“相对的”

更改以下代码

<div class="caption wow fadeIn" data-wow-delay="1s">

到此,

<div class="caption wow fadeIn" data-wow-delay="1s" style="position:relative">

或者你可以简单地改变你的CSS。

.style_two .caption {
    width: 49%;
    float: left;
    height: 100%;
    background: #ffffff;
    text-align: left;
    position: relative !important;
}