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

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

  •  0
  • GeneCode  · 技术社区  · 2 年前

    enter image description here

    我现在有这个。我希望按钮不包裹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 回复  |  直到 2 年前
        1
  •  1
  •   Perry    2 年前

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

        2
  •  0
  •   Rejown Ahmed    2 年前

    将此css添加到代码中:-

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

    这应该有效