Php 在页面底部剪切的文本

在我的网站上，某些页面底部的文本被切断。我在Chrome、Firefox和Safari手机上都注意到了这个问题，所以我很确定问题出在我的代码上

截图：

下面是一个简单的工作示例：

*{
保证金：0；
填充：0；
边界：0；
大纲：0；
字体大小：100%；
垂直对齐：基线；
背景：透明；
}
身体{
身高：100%；
字体系列：无衬线；
字号：18px；
溢出：隐藏；
}
大宗报价{
字体大小：12px；
填充：20px；
字体系列：“Courier”，衬线，单空格；
宽度：50%；
}
.main h1{
颜色：#555；
字体大小：30px；
利润率：15px 0px；
文本对齐：左对齐；
}
.主氢{
颜色：淡蓝色；
字体大小：24px；
文本对齐：左对齐；
}
.main h3{
颜色：黑色；
字体：斜体；
字体大小：20px；
文本对齐：左对齐；
}
.菜单{
填充顶部：15px；
右边框：3px实心#555；
身高：100%；
宽度：263px；
浮动：左；
背景色：#555；
}
梅因先生{
右边填充：100px；
左侧填充：100px；
填充顶部：50px；
填充底部：100px；
左边距：263px；
身高：100%；
溢出：自动；
文本对齐：对齐；
}
主要的{
颜色：淡蓝色；
字体大小：粗体；
文字装饰：无；
}
a:悬停{
文字装饰：下划线；
}
.项目{
背景色：白色；
边框：2px实心#555；
填充：15px；
宽度：自动；
边缘底部：35px；
线高：1.6；
}
.说明{
左边框：4倍实心道奇蓝；
文本对齐：对齐；
字体大小：16px；
左边距：20px；
宽度：75%；
填充：20px；
背景色：#CAE6EF；
颜色：黑色；
}
人力资源{
边框：1px黑色虚线；
利润率：10px0；
}
.罗：之后{
内容：“；
显示：表格；
明确：两者皆有；
}
保险商实验室{
列表样式类型：无；
保证金：0；
填充：8px；
宽度：200px；
背景色：#f1f1；
边框：2个点#f1f1；
边界宽度：厚；
}
李阿{
显示：块；
颜色：#000；
填充：8px 16px；
文字装饰：无；
}
李{
文本对齐：居中；
边框底部：0px实心#555；
}
李：最后一个孩子{
边框底部：无；
}
李安：很活跃{
背景色：#555；
颜色：白色；
}
li a:悬停：未（.active）{
背景色：淡蓝色；
颜色：白色；
}

与使用换行符相比，您可以在元素底部添加一点填充吗

---

很难用你发布的代码来判断，但是你有一个盲目的摇摆

溢出：隐藏主体的规则中，code>，它清楚地切断了溢出。将其更改为

auto

-这基本上可以解决切断问题。

这是正确的
而不仅仅是
。另外，我无法查看图片，您介意直接发布图片吗？或者如果你可以使用fiddle。父元素是否提供了任何高度？请发布你的确切代码，因为你的“工作”示例实际上没有显示issueUpdated！我相信div height的父元素是body（设置为100%）？这确实有助于文本变得完全可见，但它会在其他元素下面创建额外的空白，有时还会添加两个滚动条（）。我想要的是有一个与浏览器窗口一样大的div框，当内容溢出时可以滚动（但不能再向下滚动页面）。由于溢出时出现的滚动条被切断，问题可能是我的高度值吗？好的，是高度值。我把它们拿出来，用代码修复了

.menu

。谢谢你的帮助！