为何H1标签CSS样式不生效？float属性用途存疑

问题1：为何H1标签无法正常应用CSS样式？ #

主要有以下几个原因：

• 全局选择器*中错误添加了background-size:cover属性，该属性会作用于所有元素（包括H1），造成不必要的样式干扰。背景相关样式应该仅设置给需要背景的容器（比如body），而非全局所有元素。
• .login-box h1的border-bottom仅定义了宽度和样式，未显式指定颜色。虽然理论上会继承父元素的color:white，但结合全局样式的干扰，可能导致边框无法正常显示，建议修改为border-bottom:6px solid white;。
• float:left让H1脱离了正常文档流，若父元素未做清除浮动处理，可能引发布局错位，间接影响样式的视觉呈现。

问题2：此处使用float:left的原因是什么？ #

你对float的认知局限于图文对齐是早期的常见误解，float在CSS布局发展初期常被用来实现元素的收缩与排列：
H1是块级元素，默认宽度会撑满父容器.login-box的宽度，此时底部边框也会跟着铺满整个容器。添加float:left后，H1会收缩为自身内容的宽度，这样底部边框就只会显示在"Login"文字的下方，符合登录表单标题的常见设计效果。

参考学习视频：YouTube上的《透明登录表单制作教程》（对应视频54秒处）

内容的提问来源于stack exchange，提问作者Brian