0

右上隅に揃えたい画像があります。ウィンドウが小さすぎる場合、画像がテキストに重ならないようにしますが、ウィンドウをスクロール可能にします。そこで、div 幅 max-width: 1000px; を作成しました。

これは私が今持っているものです

<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>
4

2 に答える 2

0
  • 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-28T11:00:42.793 に答える
0

このようなものはどうですか：

<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>

divを含む にimgofmin-widthと of1000pxをwidth設定します100%。

于 2013-07-28T09:35:07.403 に答える