解决：当浏览器窗口缩小时，文本内容被“挤”下来的问题
目录
一、问题分析及解决办法
二、重点总结
三、完整代码
四、最终效果
一、问题分析及解决办法
问题产生原因：在编写代码时没有给包裹文本的父盒子设置宽度，导致当浏览器页面缩小到一定程度时（即父盒子宽度缩小到一定程度），文本内容因为父盒子宽度不够而被挤到下一行排列显示。
解决办法：给包裹文本的父盒子设置宽度（即网页版心宽度）。
二、重点总结
1、头部如何布局
第一步 设置头部版心宽度；
第二步 将头部分成两个部分，一个左浮动和另一个右浮动。
2、版心横幅、登录区如何布局？
先给横幅（绿色线）设置宽度（版心宽度）和高度，然后设置横幅背景图片；
最后，给登录模块（蓝色线）设置右浮动 即可贴在版心右侧。
三、完整代码
依据《网络安全法》，为保障您的账户安全和正常使用，请尽快完成手机号验证! 新版 href="#">《京东隐私政策》已上线，将更有利于保护您的个人隐私。
Copyright © 2004-2022 京东JD.com 版权所有
四、最终效果