CSS位置固定

我想擁有一個固定的div位置屬性的CSS樣式。這個特殊的div被放在另一個div中，並帶有一些文本。但是，固定CSS位置proverty的div覆蓋了文本的頂部。所以文本被隱藏在那個div下面。我需要將文本div和圖像div彼此對齊。因此，文字繞過該圖像，並且圖像下無法隱藏任何內容。CSS位置固定

<html> 
<head> 
<style type="text/css"> 
    .newspaper 
    { 
     -moz-column-count:3; /* Firefox */ 
     -webkit-column-count:3; /* Safari and Chrome */ 
     column-count:3; 
     -webkit-column-width:100px; 
     column-width:100px; 
    } 
    </style> 
    </head> 
<body> 

    <p><b>Note:</b> Internet Explorer and Opera do not support the column-count property.</p> 
    <div class="newspaper" > 
    <div class="changeFont" style='font-size:18px;'> 
     Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna 
     aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation 
    </div> 

    <div style="float: right; position:fixed; left:170px;top:80px;display:inline-table;"> 
    <img id="imageTable" width="280" height="80" src="http://www.google.co.in/logos/2011/alamara11-hp.jpg"/> 
    </div> 

    <div class="changeFont" style='font-size:18px;'> 
     ullamcorper suscipit lobortis nisl ut aliquip 
     ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore 
     eu feugiat nulla facilisis at 9999999999999999 
     111111111111111 vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue 
     duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod 
     mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. 
     Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. 
    </div> 


</body> 
</html>

來源

2011-03-14 Krishna

請張貼一些代碼 – amosrivera

您想讓文字在用戶滾動時重新打包嗎？不會發生。 – Marcel

你誤解了'position：fixed'的意思。這意味着無論滾動位置如何，div的位置都固定在視口中。所以它會以某種方式總是重疊某種東西。 'position：fixed'也會從流程的父級中移除div，父級將不再考慮固定div並在其周圍移動內容。也許你是在用'float'代替之後？ – Bazzz