html - 调整浏览器大小时页面组件会重叠

Question

我的网页中有以下组件；日历和日期选择器:-

然后我将日历和日期选择器的布局设置如下:-

.calender
{
 Width:75% !important;

    }

#datepicker{

position:absolute;
right:5%;
top:5%;
}

现在如果浏览器最大化布局会很好，但是当我重新调整浏览器大小时，日期选择器和日历将覆盖如下:-

那么谁能建议如何解决这个布局问题，使日历和日期纠察线不重叠？问候

Answer 1

你可以这样做:

clear:both;

如果日历不是绝对定位的，除此之外 - 您可以使用媒体查询将日历的百分比调整为更高的数字，这样它就不会重叠。

https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Media_queries是了解媒体查询的好文章。