Question

我需要在浮动元素中添加固定位置元素，我尝试了下面的代码段代码，但它不起作用，它使固定框的宽度基于设备的宽度为100％，但我需要将其固定为浮动的“ .left-column”框的宽度为100％

.left-column, .right-column {
    width: 20%;
    box-sizing: border-box;
    float: right;
    position: relative;
    display:inline-block;
    background: blue;
    direction: rtl;
    height:1000px;
}

.right-column {
    width: 80%;
    background:#b54930
}

.fixed-inner-box{
  width: 100%;
  border:1px solid black;
  height:100px;
  box-sizing:border-box;
  z-index:5;
  background:red;
  position:fixed
}

<div class="left-column">
    <div class="fixed-inner-box">
    </div>
</div>
<div class="right-column">
</div>

Answer 1

您可以使用笔译来解决您的问题。在这种情况下，它用于偏移容器。用此替换CSS，

CSS：

    <replaceregexp
        file="about.properties"
        match="blurb=.*"
        replace="blurb=test\\\\n\\\"
    />

调整边距和位置以获得理想的结果。如果您需要更多帮助，请告诉我。这是工作中的js fiddle 另外，请查看此示例以更好地理解。

Fixed position but relative to container

固定在浮动框中的位置

1 个答案: