Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/39.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
Html 防止绝对定位的元素与文本重叠_Html_Css_Css Position - Fatal编程技术网

Html 防止绝对定位的元素与文本重叠

Html 防止绝对定位的元素与文本重叠,html,css,css-position,Html,Css,Css Position,我在这里有一个独特的情况 本质上,我有一个绝对定位的文本块,由于设计限制,它必须绝对定位 我还有我的文本的其余部分,通常是定位的。但是,我需要防止我的正常文本与原始文本重叠 仅仅使用HTML和内联CSS就可以做到这一点吗?我无法访问JavaScript或与外部/头部相关的CSS;只有内联样式可用。我用创建了一个简化版的CSS。是创建另一个div(div2)的解决方案,它与绝对定位的div(div1)重叠,但它本身是不可见的?然后文本的其余部分将避免重叠第2部分 这里略述了一下: 但不完全清楚您的

我在这里有一个独特的情况

本质上,我有一个绝对定位的文本块,由于设计限制,它必须绝对定位

我还有我的文本的其余部分,通常是定位的。但是,我需要防止我的正常文本与原始文本重叠


仅仅使用HTML和内联CSS就可以做到这一点吗?我无法访问JavaScript或与外部/
头部
相关的CSS;只有内联样式可用。我用创建了一个简化版的CSS。

是创建另一个div(div2)的解决方案,它与绝对定位的div(div1)重叠,但它本身是不可见的?然后文本的其余部分将避免重叠第2部分

这里略述了一下:


但不完全清楚您的限制是什么。

绝对定位文本的高度是固定的吗?这肯定是可能的,但由于绝对定位的性质,将需要额外的工作。在JSFIDLE示例中,应该如何防止这种重叠?你希望绝对定位块周围有某种文字环绕吗?除非你知道绝对定位的
div
的确切尺寸,否则我认为没有办法克服你的局限性。尺寸已知吗?@thirtydot的宽度是541px,高度是34px,如果这很重要的话。@mc10:@Steve Bennett已经在做我想的事情了:-尽管,这没有多大意义:为什么你不能从
div
中删除
位置:绝对值
?我认为我没有完全理解这一点……这似乎很有趣;你能详细说明一下吗?新元素的大小必须与绝对定位元素的大小完全一致吗?宽度为541px,高度为34px,尽管随着我在绝对定位元素中添加更多文本,这可能会有所不同,因此,解决方案最好能够适应我可以手动放入
的不同宽度和高度。嗯,新元素必须“至少和绝对定位元素一样大”。想象一下,就像把一块透明塑料放在地上,阻止人们在你的作品中穿行。如果它太小,就不能保护它。如果它太大,那没关系。当你需要将绝对定位的元素放在文本的底部时呢?