在我的页面上,我在一个容器内使用两个col-sm-6块,以显示两个彼此相邻的块。
在右边的区块中,我添加了一个位置绝对的图像,这样我就可以将它放在屏幕的右边。
但是我想让图像落后于最大页面宽度,这样图像的显示速度仅为3/4,但现在它位于顶部并使页面变大。
如何让图像落后于最大页面宽度,以便无法进行水平滚动?
截图:
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>