Jquery 添加元素而不影响其他元素

我有一个简单的应用程序，当您单击jQuery日期选择器时，它会将新日期作为div添加到旁边，不幸的是，它每次都会在主元素中向下移动元素。我该如何阻止这种行为

日期：

选择一个日期

函数addNewDate（dateText）{ 让newDate=$（''+dateText+''） $（“#保存的#日期#列表”）.append（newDate）； } 我可能缺少一个简单的浮点解决方案，它允许日期div保持为块而不是内联。

---

这可能是通过使用弹性行布局来实现的，但我希望主元素居中于页面中心，而不是让边线占据宽度。

可能添加

float:left到
。在CSS中保存日期
我编辑了你的样式和html，看看我是否正确理解了这个想法
试试这个：


日期：

选择一个日期
旁白{
位置：绝对位置；
z指数：2；
}
这将使类内联，我希望它们显示为块。
<aside>
        <p>Date: <input type="text" id="datepicker"></p>
        <div id="saved_dates_list"></div>
    </aside>

    <main>
        <h1 id="date">Select a date</h1>
        <h1 id="days"></h1>
    </main>

function addNewDate(dateText) {
    let newDate = $('<div class="saved_date">' + dateText + '</div>')
    $("#saved_dates_list").append(newDate);
}

<aside>
    <p>Date: <input type="text" id="datepicker"></p>
    <div id="saved_dates_list"></div>
</aside>

<main>
  <div  class="content">
    <h1 id="date">Select a date</h1>
    <h1 id="days"></h1>
  </div>
</main>


aside {
  position: absolute;
  z-index: 2;
}