Question

我在主要内容的两侧都有左右箭头按钮。我将按钮设置为input type="button"，然后按block将其转换为display:block元素他们都有float:left。

问题是它们被放置在一个理想的位置，但是在导航菜单的不同行上有其他元素，按钮会被上/下推到另一行。

有人可以在这看看我的工作样本吗？ JS BIN

Answer 1

您的问题不够具有描述性。我认为你的意思是div会升级为与菜单一致。这就是我观察到的。我修改了你的代码，以便在菜单和＆lt;＆lt;之后启动div。按钮。

<ul class="nav-step">
    <li class="active">1</li>
    <li>2</li>
    <li>3</li>
  </ul>
  <input class="left" type="button" value="<<" />
  <div style="clear:both;"></div>
  <div class="pg-wrapper">
    <div class="current" id="pg1">
      <label>First</label>
      <input type="text" />
    </div>
    <div id="pg2">
      <label>Second</label>
      <input type="text" />
    </div>
    <div id="pg3">
      <label>Third</label>
      <input type="text" />
    </div>
  </div>

观察：

<div style="clear:both;"></div>

希望这会有所帮助。

向左浮动以使元素水平对齐

1 个答案: