如何使元素从另一侧伸出?

时间:2015-10-11 12:38:34

标签: html css

基本代码:

<div parent>
 <div wrapper>
  <div child></div>
 </div>
</div>

基本方案:

http://i.imgur.com/I70VL4f.jpg

该方案显示了我希望如何定位子元素。默认情况下,它在父元素左侧“墙”,但我希望它在父元素的右侧。 因此,假设子元素的大小增加,它将从包装器的左侧而不是包装器的右侧伸出。

孩子要保持姿势:静止。

谢谢。

3 个答案:

答案 0 :(得分:0)

您可以使用CSS。给你的父div一类父母和孩子div一类孩子。然后在你的css中使用以下代码。

.parent{
      position: relative;
      }
 .child{
    position: absolute;
    right: 0px;
    top: 20%; 
    }

请注意此顶部:20%可能会发生变化。

答案 1 :(得分:0)

您可以使用位置和右侧属性。在父级使用位置:相对于设置子级的相对容器。使用权限:子容器上的0px允许转到左侧。

这是一个小提琴的例子: Fiddle example

答案 2 :(得分:0)

通过将position:static赋予子元素,您无法以所需的效率实现结果。

为获得最佳效果,您必须使用位置:相对和绝对组合,如上所述。否则,它将始终是您必须手动执行的点击和边距试验。