从DIV中浮出图像

Question

我目前在使用div放置图像时遇到问题。我希望图像在屏幕的最右侧浮动，而不管div屏幕大小。

我为我面临的问题构建了一个 DEMO 。

CSS：

.outer{
background:cyan;
position:relative;
width:700px;
height:475px;
}
.inner{
width:370px;
color:#fff;
position:absolute;
background:red;
top:35px;
}

根据解决方案，图像应如下所示

Answer 1

它可以帮助您尝试这个

.inner
{
width:100%;
color:#fff;
position:absolute;
background:red;
top:35px;
}

demo

另一个没有内联样式的演示

.inner .col-sm-6:nth-child(1)
{
 padding-top:10px;
  width:20%;
  float:left;
}
.anotherdiv
{
 width:80%;
 float:left;
 padding:0;
}
.anotherdiv img{
  widh:100%;
}

我必须在此

中进行这些更改

see demo here

Answer 2

您可以看到此DEMO

段：

<div class="inner row">
    <div class="col-xs-4 col-md-4 col-sm-4" style="">
        <p>Some helper Text goes here and there</p>
    </div>
    <div class="col-xs-8 col-md-8 col-sm-8" style="">
        <img src="http://placehold.it/500x400" style="width:100%;">
    </div>
</div>