<分区>
我在主要内容的两侧都有左右箭头按钮。
我将按钮设置为 input type="button" 并通过 display:block 将它们变成 block 元素
他们都有 float:left。
问题是它们被放置在所需的位置，但其他元素(如导航菜单)在不同的行上，按钮被向上/向下推到另一行。
有人可以在这里看看我的工作样本吗？ JS BIN
最佳答案
您的问题描述性不够。我想你的意思是 div 向上移动以与菜单一致。这就是我观察到的。我修改了您的代码，以便 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>
希望对您有所帮助。
关于html - 向左浮动以水平对齐元素，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/18669507/