问题
I have a unique situation here.
Essentially, I have an absolutely positioned block of text, which must be absolutely positioned due to design limitations.
I also have the rest of my text, which is normally positioned. However, I need to prevent my normal text from overlapping with my original text.
Is this possible simply with HTML and inline CSS? I do not have access to JavaScript or external/head-related CSS; only inline styles are available. I have created a simplified version of my CSS with this jsFiddle.
回答1:
Is a solution to create another div (div2) that overlaps the absolutely positioned div (div1), but is itself invisible? Then the rest of the text would avoid overlapping div2...
Sketched this out here: http://jsfiddle.net/VKYwD/8/
Not entirely clear on what your constraints are though.
来源：https://stackoverflow.com/questions/6301719/prevent-absolutely-positioned-elements-from-overlapping-with-text