2012-03-29 10 views
4

ページに、TOPとLEFT CSSスタイルを使用して絶対配置される要素があります。 左または上部の位置が負の位置にあるときは問題ありません。 しかし、要素がウィンドウの内側の幅よりも大きな左の位置に配置されると、スクロールバーが表示されます。CSS - 絶対位置の要素があふれないようにする

どういうわけかこの要素がこのようなことをしないようにする方法はありますか? オーバーフローを設定できません:非表示です。それが私のレイアウトを破壊するので、私の体の要素に。 例えば、overflow-parent:none;のようなプロパティは素晴らしいですが(残念ながら存在しません)

+1

あなたは 'オーバーフローを設定することはできません言及:隠された;'体上を。私はそれが垂直スクロールを壊すという理由があると仮定していますか?つまり、あなたは 'overflow-x:hidden;'を身につけてみましたか? – shaunsantacruz

+0

私たちはそれが実際に起こるのを見ることができるいくつかのサンプルコードで、さらにあなたを助けることができました。 – HerrSerker

答えて

5

異なる責任を持つネストされたdivで作業する必要があります。
最も外側の部分は、左右に位置を同時に設定します。 right:0はそれを右側に設定します。

内側のdivは実際のコンテンツdivで、幅を設定します。ここで

はデモです:http://jsfiddle.net/atnc3/44/

<div class="abs-position"> 
    <div class="abs-content"> 
     Absolut Vodka  
    </div> 
</div> 

.abs-position { 
    position:absolute; 
    right:0; 
    left: 300px; 
    overflow: hidden; 
} 
.abs-content { 
    width: 400px; 
} 
+1

権利の設定:0;および底部:0;いいえ、幅のない高さの容器にコンテンツを配置して、それを固定しました、ありがとう! – laarsk

-1

私は絶対に配置された要素がスペースを占めていないと思いました。あなたはあなたの要素に「はっきり」していますか?

要素をクイックチェックとしてフローティングしてみますか? (浮動小数点:左);

+2

浮動小数点は絶対配置要素にどのような影響を与えますか?それは実際に絶対配置された要素を浮かべる意味ですか? – laarsk

+0

@laarskそれはまったく意味がありません。浮動小数点は、絶対配置要素に対して無視されます。 – HerrSerker

関連する問題