Css 我想把左边的一个分区粘到另一个分区上

Css 我想把左边的一个分区粘到另一个分区上,css,responsive-design,Css,Responsive Design,我为这个网站的响应性工作, 我想把收视率图像贴到左边,留一点边距,当窗口的宽度为335时,它在左边工作:50%,但当我增加窗口的宽度时,它不会保持我想要的,请建议我,我该怎么办 这是我的密码 <div id="filteredRestBody" class="row filteredRestBody"> <div id="row1" class="row"> <div id="yochina" class="col-sm-4 filterThumbna

我为这个网站的响应性工作, 我想把收视率图像贴到左边,留一点边距,当窗口的宽度为335时,它在左边工作:50%,但当我增加窗口的宽度时,它不会保持我想要的,请建议我,我该怎么办

这是我的密码

<div id="filteredRestBody" class="row filteredRestBody">
  <div id="row1" class="row">
     <div id="yochina" class="col-sm-4 filterThumbnails" style="background: url('images/yochinathumbbck.jpg')">
     <img src="images/bestoffers.png">
     <div id="discountImg">
     <img src="images/discountimg.png" style="">
     <div class="discountNum" title="Discount">15%</div>
 </div>
 <div id="ratings" title="6/10">
     <img src="images/ratingy.png">
     <img src="images/ratingy.png">
     <img src="images/ratingy.png">
     <img src="images/ratingy.png">
     <img src="images/ratingy.png">
     <img src="images/ratingw.png">
     <img src="images/ratingw.png">
     <img src="images/ratingw.png">
     <img src="images/ratingw.png">
     <img src="images/ratingw.png">
 </div>
 <div id="ratingNum">5</div>
 <div id="restaurantThumbnailsTitle" class="restaurantThumbnailsTitle">
    <span><a href="viewRestaurant.php?rest=yochina">Yo! China</a></span>
    <br>
    <span class="restaurantThumbnailsTitleText">chilled out chinese</span>
 </div>


您可以在CSS中使用
right
属性,而不是使用
left
。这会将
ratingsNum
ratings
div粘贴到容器div的右边框

CSS

#ratings {
  right:50px;
}

#ratingsNum {
  right:10px;
}

希望能有帮助


作为旁注,我注意到您的代码片段包含一些没有结束标记的元素(例如
#discountImg
div)(在本例中为
)。请注意,因为这可能会导致您的布局产生不可预测的结果。

因此,如果我没有弄错,您希望ratingNum和ratingNum始终在右侧对齐,并在星形和数字值之间留有空白。是吗?没错,这就是我想通过做相对位置和向右浮动以及调整一些位置得出的结论,无论如何,谢谢乔治的回答
#ratings {
  right:50px;
}

#ratingsNum {
  right:10px;
}