为何DaisyUI会改变Tailwind默认渲染？页面背景色无法全屏显示

问题出在DaisyUI的默认样式逻辑上：它给html元素设置了主题默认的背景色，同时调整了body的最小高度行为。

浏览器有个特殊默认规则：如果html没有自定义背景色，body的背景会被当作整个视口的背景铺满全屏；但一旦html有了自己的背景色，body的背景就只会在自身元素范围内显示（默认body高度仅由内容撑开）。这就是加了DaisyUI后，bg-green-100只显示在内容区域而非全屏的原因。

两种解决办法 #

• 方案1：强制body撑满视口
  给body添加min-h-screen类，让body高度至少等于视口高度，背景色就能铺满全屏：

<body class="bg-green-100 min-h-screen">

• 方案2：恢复浏览器默认背景逻辑
  给html元素添加bg-transparent类，移除DaisyUI给html设置的默认背景色：

<html lang="en" class="bg-transparent">

关于DaisyUI的设计逻辑 #

DaisyUI默认修改这个行为，是为了适配它的主题系统（比如深色/浅色模式切换）。通过给html绑定主题背景色，能确保整个页面的背景始终跟随主题变化，避免出现主题切换时背景区域不一致的问题。

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