對齊img的權利，使頁面可滾動，如果窗口寬度太小

我有一個img，我想要在右上角對齊。如果窗口太小，我不希望圖像重疊文本，但使窗口可滾動。所以我做了一個div寬度最大寬度：1000px ;.對齊img的權利，使頁面可滾動，如果窗口寬度太小

這就是我現在

<div style="z-index: -1; width:100%; position: absolute;"> 
    <div style="width: auto; min-width: 1000px; display:inline-block;"></div> 
    <div style="display:inline-block; float: right;"> 
     <a href="#" id="a_logo_hoek"> 
      <img src="xx.jpg" style="float: right; margin-top:-30px;" /> 
     </a> 
    </div> 
</div>

來源

2013-07-28 user2182429

很多'html'在你解圍失誤向上。這似乎是你想念每個'''標籤**'編輯**我看你現在編輯它 – Vector

如何有關於這樣的事情：

<div style="width: 100%; min-width: 1000px; display:inline-block;"> 
    <div style="display:inline-block; float: right;"> 
     <a href="#" id="a_logo_hoek"> 
     <img src="xxx.jpg" style="float: right; margin-top:-30px;" /> 
     </a> 
    </div> 
</div>

包含着你的img擁有的1000px一個min-width和100%一個width的div。

來源

2013-07-28 09:35:07 tchow002

太棒了！謝謝！！ – user2182429

不客氣。請考慮接受我的答案，如果它解決了你的問題。 – tchow002

使窗口滾動使用overflow:auto;該div包含所有的頁面元素。
定位在頂部的圖像使用權position: absolute ; top: 0; right: 0;
，現在你不需要使用min-width: 1000px;

這裏是你的代碼::

<div style="z-index: -1; width:100%; overflow:auto;"> 
    <div style="width: auto;display:inline-block;"></div> 
    <div style="display:inline-block; position: absolute ; top: 0; right: 0;"> 
    <a href="#" id="a_logo_hoek"> 
     <img src="xx.jpg" style="float: right; margin-top:-30px;" /> 
    </a> 
    </div> 
</div>

來源

2013-07-28 11:00:42

對齊img的權利，使頁面可滾動，如果窗口寬度太小

回答

相關問題