私はフルスクリーンのレイアウトをしていますが、私が望むのは同じ幅の3列あり浮動です。浮動小数点数が残り、全画面で同じ幅の3列
何私が持っていることはこれです：フロートなしと幅の100％が正常に動作して
<div class="table_small" style="float:left; margin-right:20px;">
<p>lipsum</p></div><div class="table_small" style="float:left; margin-right:20px;">
<p>lipsum</p></div><div class="table_small" style="float:left;"><p>lipsum</p></div>
つのdiv。
divでこれを行うことはできませんか？このためにテーブルを使用する必要がありますか？
あなたpの巻き付けtableに設定された表示と1 divを必要としています。
HTML
<div class="table_small">
<p>lipsum</p>
<p>lipsum</p>
<p>lipsum</p>
</div>
CSS：
.table_small
{
width: 100%;
display: table;
}
.table_small p
{
display: table-cell;
border: 1px dashed #000;
}
親要素<div class="table_small">は、これが機能するためには、設定された幅を持っている必要があります。
Thnxこれは仕事をする！ –
<div class="row">
<div class="column1" style="float:left; left:0px; width:33%"></div>
<div class="column2" style="float:left; left:33%; width:33%"></div>
<div class="column3" style="float:left; left:66%; width:33%"></div>
</div>
これは3列に限定されている場合にのみ機能します。 – Kyle
彼は言った：私は同じ幅を持つ3つの列が浮かんでいることを望む – juankysmith
私はそれを参照してください、しかし、彼は3つ以上の列を持つことを将来決定した場合、彼は問題に遭遇するでしょう。また、なぜ浮動小数点を左に置いたのですか？どちらか一方が機能します。要素を浮動させると、自動的に位置が設定されます。 – Kyle
このコードをお試しください。必要に応じてスタイルプロパティを変更できます。
<html>
<body style="width:100%; margin:0px;">
<div class="table_small" style="float:left; margin:0 10px; border:1px solid; width:31.7%;">
<p>lipsum</p></div>
<div class="table_small" style="float:left; margin:0 10px; border:1px solid; width:31.7%;">
<p>lipsum</p></div>
<div class="table_small" style="float:left; margin:0 10px; border:1px solid;width:31.7%;"><p>lipsum</p></div>
</body>
</html>
ありがとうございました。
これは可能ですが、このhtmlは奇妙です。私はあなたにすばやく例を挙げます:) – Kyle
質問をする前に重複を検索する必要があります：http://stackoverflow.com/search?q=%5Bhtml%5D+3+collumn+layout&submit=search – ANeves
少しヒントあなたが実際にグリッドを表示しているのでなければ、あなたはテーブルタグを使いません。 テーブルを使用してレイアウトを作成しないでdivを使用します –