css - 联系表单内容在窗口调整大小时溢出容器 div

标签 css xhtml overflow css-float

我试图让我的联系表单在调整视口(viewport)大小时不会将其内容溢出父 div。我该怎么做呢?我已经使用 float 清除来防止这种情况,因为我知道它应该被使用,但它不起作用。

我应该怎么做才能解决这个问题?

这是有问题的页面。

我的标题也有类似的问题。如果我缩小浏览器窗口,菜单会下降到标题文本下方。

感谢你们提供的任何帮助。

http://countercharge.net/catsite/index.php?P=contact

最佳答案

快速浏览一下,在您的情况下我会做以下两件事中的任何一件:

选项 1: 为 #contact 容器设置一个“最小宽度”。这将防止它在调整大小时变得小于其中的表格,但保持它的流动性。

选项 2: 从表单表格中删除任何 float ,并确保表格具有“最小宽度”或任何固定宽度。鉴于您使用的是表格单元格方法(我个人也喜欢这种方法用于表格),因此不需要 float 任何表格元素。父容器的大小调整将在表单字段处停止。

希望对您有所帮助。

关于css - 联系表单内容在窗口调整大小时溢出容器 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2577565/

相关文章:

html - Angular Material 设计中的面板

css - 为什么这个 CSS 示例使用 "height: 1%"和 "overflow: auto"?

css - 防止 "fragmentation" float 图像旁边的换行文本

xhtml - Google 是否索引由 Object 标签提供的 HTML 内容

Css 溢出隐藏的 div 褪色

html - 将 <div> 元素扩展到屏幕之外而不是包装内容

html - Javascript - 扩展 div 以适应内容但不扩展到容器之外

CSS 位置绝对/相对更改外部 div 对齐方式

css - 根据 body 类别更改所有变量值

html CSS * {...} : can't change the font-size