html - 调整网页大小时的空白

Question

我一直在努力创建一份简历，但在“工作经历”部分出现空白问题。一旦您开始折叠网页，无序列表就会离开页面并在页面右侧创建不需要的空白区域。我已经尝试了很多事情并寻找答案，但我仍然无法解决这个问题。

<div id="wrapper">
<div id="leftcolumn">
    <p><b>Assurant Inc, Remote Technical Support</b></p>
  <p>April 2017 - Present</p>
</div>
<div id="rightcolumn">
    <div>
      <ul>
        <li>Remote support of mobile devices for customers of T-Mobile, US Cellular, and Comcast.</li>
        <li>Technical support via Intercom, phone call, and email.</li>
        <li>Mobile application support for iOS and Android.</li>
        <li>Training customers on utilization of "Pocket Geek," company application.</li>
        <li>Document resolutions in Microsoft Dynamics.</li>
        <li>Add articles to knowledge base in Microsoft Dynamics.</li>
        <li>Supporting customers with in home Smart Devices such as August Smart Lock, Philips Hue, LIFX, Amazon Echo, Google Home, as well as others.</li>
      </ul>
     <hr>
 </div>
</div>

https://codepen.io/bgongre/full/EXKXye/

提前致谢。

Answer 1

在你的 CSS 中试试这个:

#wrapper {
    width: 80%;
    margin: 0 auto;
    display: table;
}
#leftcolumn {
    width: 20%;
}
#rightcolumn {
    width: 40%;
    margin: auto;
}