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

李成

我在主要内容的两侧都有左右箭头按钮。我将按钮设置为input type="button"并将它们变成block元素display:block,它们都有float:left

事实是,它们被放置在所需的位置,但其他元素位于不同的行(如导航菜单)上,则按钮被上/下推到另一行。

有人可以在这里看看我的工作样本吗?JS宾

任何

您的问题描述性不够。我认为您的意思是div向上移动以与菜单保持一致。这就是我观察到的。我修改了您的代码,以便divs在菜单和<<按钮之后开始。

<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>

希望这会有所帮助。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

响应div中浮动元素的水平对齐

来自分类Dev

Div元素未向左浮动

来自分类Dev

嵌套的div元素向左浮动

来自分类Dev

浮动元素顶部对齐

来自分类Dev

浮动元素顶部对齐

来自分类Dev

对齐固定位置的元素以使其水平居中

来自分类Dev

水平对齐div而不浮动

来自分类Dev

CSS水平滚动从右向左对齐

来自分类Dev

css水平滚动从右向左对齐

来自分类Dev

CSS向左浮动和position元素

来自分类Dev

我浮动的元素向左拉得太远

来自分类Dev

水平对齐不同的元素

来自分类Dev

垂直对齐浮动元素

来自分类Dev

垂直对齐浮动元素

来自分类Dev

垂直对齐浮动元素

来自分类Dev

垂直对齐的浮动元素

来自分类Dev

如何居中对齐浮动元素?

来自分类Dev

浮动右上方的顶部水平对齐

来自分类Dev

将<ul> <li>元素向左对齐

来自分类Dev

如何保留默认浮动值的前6个元素的值,并使其余的浮动值向左浮动?

来自分类Dev

在Qt中以水平布局将项目向左对齐

来自分类Dev

在Qt中以水平布局将项目向左对齐

来自分类Dev

jQueryMobile水平对齐网格元素

来自分类Dev

引导网格水平对齐元素

来自分类Dev

水平居中对齐块元素

来自分类Dev

水平对齐多行中的元素

来自分类Dev

一组元素周围的边框向左浮动?

来自分类Dev

无法将元素向左浮动,因为顺序在下面

来自分类Dev

即使使用浮动右移,元素也会向左移动