代码之家 › 专栏 › 技术社区 › GeneCode

如何使按钮溢出到右侧并可滚动

button forms css html

0

GeneCode · 技术社区 · 3 年前

我现在有这个。我希望按钮不包裹div窗口。现在是我的div:

#floatingRectangle {
    z-index: 10;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    height: 100px;
    background-color: #fff;
    color: black;
    padding: 8px;
    overflow-x: scroll;
}

<div id="floatingRectangle">
<form action="edit.php" method="POST">
<input type="submit" name="pageSubmit" value="Prev">
<input type="submit" name="pageSubmit" value="Next">
.. etc
</form>
</div>

2 回复 | 直到 3 年前

1

Perry 3 年前

如果给父组件 display: flex 和子组件 justify-content: flex-end css样式

2

0

Rejown Ahmed 3 年前

将此css添加到代码中:-

#floatingRectangle form{
  display: flex;
  flex-wrap: nowrap;
}

这应该有效