2009-08-24 10 views
1

画面サイズの90%という意味で幅を動的にするdivがあります。 divの内容がオーバーフローした場合、オーバーフローを隠したいと思います。オーバーフローを隠して90%の幅を設定することができます

幅を90%ではなくpxに設定すると、オーバーフローを隠すことしかできません。

パーセンテージで行う方法はありますか?

EDIT

問題はdiv要素が適切に隠れていることのようですが、それは、テーブルTDの内側にあり、それが隠されていなかったかのようにTDはdiv要素に自分自身のサイズを変更しています。

EDIT

div要素がテーブルにあるときの割合widthプロパティが計算される前に、TDのサイズはDIVのフルサイズを取得することによって計算されることが表示されます。 TDが存在すると、divのパーセント幅が計算されます。

+0

これは本当にdocumenttype.comで質問してください。 – EBGreen

+2

私はthikn EBGreenを意味します。http://doctype.com – tj111

答えて

2

私が試したし、次のコードでそれを行うために管理:

<div style="border: solid 1px red; width: 90%; overflow: hidden;white-space:nowrap;"> 
     Stuff in here will cut off at end of div. 
    </div> 
4

は、「テーブルレイアウト:固定」を使用してみてください - あなたのテーブルの列が同じに関係なく、コンテンツのサイズ、およびオーバーフローのままになります:hiddenは今あなたが期待していることを行います(私がこれまでにテストしたブラウザではこれまで私が使ってきたことがあります)

+0

ありがとうございます。これは受け入れられた答えでなければなりません。 – Inigo

関連する問題