图像落在容器后面

时间:2016-05-20 10:25:23

标签: html css

在我的页面上,我在一个容器内使用两个col-sm-6块,以显示两个彼此相邻的块。

在右边的区块中,我添加了一个位置绝对的图像,这样我就可以将它放在屏幕的右边。

但是我想让图像落后于最大页面宽度,这样图像的显示速度仅为3/4,但现在它位于顶部并使页面变大。

如何让图像落后于最大页面宽度,以便无法进行水平滚动?

截图:

enter image description here

HTML:

<div class="row multi-column-row" style="min-height: 643px;">
    <div class="spb-column-container col-sm-6  full-image-right-block-text " style="margin-top: 0px; margin-bottom: 0px; padding: 0px; min-height: 643px;">
        <div class="spb-asset-content" style="padding: 0%; margin-top: 65px; margin-bottom: 65px;">
         <section class="container "><div class="row">
    <div class="spb_content_element col-sm-12 spb_text_column mt0 mb0">
        <div class="spb-asset-content" style="margin-top: 0px;margin-bottom: 0px;border-top: 0px default ;border-left: 0px default ;border-right: 0px default ;border-bottom: 0px default ;padding-top: 0px;padding-left: 0px;padding-right: 0px;padding-bottom: 0px;">

<h4> Title </h4>
<h5>Title</h5>
<p>Text</p>

        </div>
    </div> </div></section>

        </div>
    </div>  
    <div class="spb-column-container col-sm-6  full-image-right-block " style="margin-top: 0px; margin-bottom: 0px; padding: 0px; min-height: 643px;">
        <div class="spb-asset-content" style="padding:0%;">
         <section class="container "><div class="row">
    <div class="spb_content_element spb_image noframe col-sm-12 thumbnail-gallery-standard square-corners">
        <div class="spb-asset-content"><figure class="clearfix" style="width:1050px;margin:0 auto;">
        <div class="img-wrap"><img width="2148" height="1255" src=""></div><div class="figcaption-wrap"></div></figure>
        </div>
    </div> </div></section>

        </div>
    </div> </div>

0 个答案:

没有答案