固定显示区域

Question

我的显示区域包含三个div元素。两个div固定在位于中间的较大div的两侧的屏幕上。我希望我的所有网页都显示在较大的div中，而不会丢失固定的DIV。插图如下

<div id="outer">
        <div id="fixed_one" class="two-columns">
            button
            button
            button
        </div>
        <div id="main_display" class="ten-columns">
            Web content
            Web content
        </div>
        <div id="fixed_two" class="two-columns">
            button
            button
            button
        </div>
    </div>

如何获得在中间div中显示的不同链接。

Answer 1

这是你想要的吗？

#outer {
  position: relative;
  display: inline;
}

#fixed_one {
  background-color: red;
  display: inline-block;
  float: left;
}

#fixed_two {
  display: inline-block;
  background-color: blue;
  float: right;
}

#main_display {
  background-color: green;
  display: inline-block;
  float: left;
  width: 600px;
}