1. Vertical and horizontal centering of elements
<style> .father{ position: relative; } .sun{ position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } </style> <div class="father"> <div class="sun"></div> </div>
2. Force a line break
white-space:nowrap;
3. The scroll bar appears beyond
<style> .slide{ overflow: auto; width: 100%; } </style> <div class="slide"> </div>