Question

我有两个<div>标签（一个是固定的，另一个是相对的，都是浮动的）。我希望将它们按百分比并排排列

以下是示例

<style>
#mainDiv{
    width:80%;
    margin-left: 10%;
    height: 200px;
}
#fixedDiv{
    float: left;
    width: 30%;
    background-color:red;
    position: fixed;
    height: inherit;
}
#relativeDiv{
    float: right;
    width: 70%;
    background-color:blue;
    position: relative;
    height: inherit;
}
</style>
<div id="mainDiv">
    <div id="fixedDiv">Fixed DIV</div>
    <div id="relativeDiv">Relative DIV</div>
</div>

另外http://jsfiddle.net/v1noqz2g/

Answer 1

只需将width中的#relativeDiv缩小为width:62%;或调整

对齐固定的div标签百分比

1 个答案: