Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/35.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 缩放浏览器时根据文本向下滑动的元素_Css_Height - Fatal编程技术网

Css 缩放浏览器时根据文本向下滑动的元素

Css 缩放浏览器时根据文本向下滑动的元素,css,height,Css,Height,好的,也许一个简单的问题 我有一个div,里面有文本(p元素) 当我缩放浏览器时,文本的宽度会变小。因此,它将添加一行新的文本。我觉得很好,但是这行文本与文本下面的元素重叠(在我的例子中是页脚)。当文本添加新的文本行时,我希望页脚向下移动 高度为100%的最小高度不起作用 希望你能理解我的问题,我是荷兰人,所以我的英语不是很好 编辑:这是我正在谈论的页面:我不能不看代码就确定,但是如果你添加的话,也许可以清除:两者都有到页脚样式,它将被排序。根据要求,以下是我的评论: 主要问题是文本内容的元素应

好的,也许一个简单的问题

我有一个div,里面有文本(p元素)

当我缩放浏览器时,文本的宽度会变小。因此,它将添加一行新的文本。我觉得很好,但是这行文本与文本下面的元素重叠(在我的例子中是页脚)。当文本添加新的文本行时,我希望页脚向下移动

高度为100%的最小高度不起作用

希望你能理解我的问题,我是荷兰人,所以我的英语不是很好


编辑:这是我正在谈论的页面:

我不能不看代码就确定,但是如果你添加
的话,也许可以清除:两者都有到页脚样式,它将被排序。

根据要求,以下是我的评论:

主要问题是文本内容的
元素应用了
位置:绝对
。如果将其更改为
position:relative
,甚至将其完全删除,页脚将被文本内容压下

不幸的是,这将改变页面布局的其余部分,因此您需要对CSS的其余部分进行彻底的更改,以使其恢复到原始状态


祝你好运

你有密码吗?听起来有些东西是绝对的/固定的或浮动的,因为新的文本行通常会导致下面的元素相应地移动。所有东西都是相对固定的。清楚:两者都不起作用。可能导致问题的原因:页脚的位置为top:50px;。这会影响问题吗?这是页面。当浏览器缩放时,我希望页脚向下移动。所以…这实际上是由于一些问题。最主要的是在文本内容的
上使用
position:absolute
。如果将其更改为“相对”,或将其完全删除,则页脚将被向下推。但这将导致需要对其他样式进行彻底更改,以修复页面布局的其余部分。这实际上是可行的。。。。它总是在细节中!。。非常感谢你。将您的解决方案作为答案发布,我将更新您的答案:)这可能更适合作为评论,因为它表明需要更多信息,而不是提供实际的解决方案。清楚:两者都不起作用。可能导致问题的原因:页脚的位置为top:50px;。这会导致问题吗?哦,孩子,相对和绝对都在混合中。文本是绝对的,图像是相对的,文本旁边的按钮也是绝对的。首先,按代码将图像和按钮放在一起,因为它们位于同一侧,在它们之间放置文本只会在缩放页面时使事情更加复杂。