私はこのレイアウトを構築しようとしています:
私は現時点でこれを持っています：http://jsfiddle.net/Gh6mB/12/
問題は、div #detalhes が水平方向の利用可能なすべてのスペースを占有しないことです。この div は、他の情報を表示するために、左側 (画像用) と右側に分割する必要があります。すでに div の stype を table-cell、table-row、および table に変更しましたが、機能しませんでした。フルスクリーンの結果でこれを見ることができます: http://jsfiddle.net/Gh6mB/12/embedded/result/
動作しましたhttp://jsfiddle.net/Gh6mB/21/
これを div #detalhes に追加しました
display:block; float:left; width:100%;
これを削除しました
position:relative;
div とフローティングを使用する場合は、ページのサイズ変更を考慮に入れる必要があります。別のオプションです....
簡単な解決策、テーブルを使用してください。
<table width="100%"><tr><td width="90%" colspan="2"></td><td width="10%"></tr><tr><td width="10%"></td><td width="80%"></td><td width="10%"></tr></table>
colspan は最初の列に 2 行を使用し、画像には css を使用します。