1

私はたくさんの答えを読みましたが、なぜそれが私にとってうまくいかないのかわかりません。たぶんそれは親コンテナが100％ではないことと関係がありますか？物事は...私もパディングでそれを試しましたが、同じ問題が存在します。

また、container = width：100％を試し、フローティングdivにマージンのある10％のスペースを作成しましたが、作成された10％は奇妙なスケールでした...間違いなくページに比例していません。

これがコードです。

.container{
width:80%;
overflow:hidden;
margin-right:auto;
margin-left:auto;
}

.side{
width:300px;float:left;}

.main{
position:absolute;  float:left;  }

.clear{clear: both;}

（絶対的なものがなければ、2つのdivはもはや並んでいません...しかし、私はここで親戚を使用している人々を見ましたか????）

これがhtmlです

<div class="container">
  <div class="side"></div>
  <div class="main"></div>
  <div class="clear"></div>
</div>

したがって、現在の問題は、何らかの理由でdiv "main"が残りのスペースを埋めないが、内部のテキストが "container"の境界に到達する前に停止するか、コンテナーをまったく無視してページを超えて伸びることです。 ..。。

側面の余白を残しておきたいのですが、フローティングdivの1つを固定幅にする必要があります...なぜ機能しないのかわかりません

....私はこれに対する簡単な解決策があるように感じます私はまっすぐに考えていません...

4

2 に答える 2

0

このようなsmthを試してください：

.container {
width:100%; / width: 300px;
overflow: hidden;
position: relative;
margin-right: auto;
margin-left: auto;
}

.side {
width: 60%;
float: left;
}

.main {
width: 40%;
float: left;  
}

.clear {
clear: both;
}

ピック幅％またはピクセルで.container...uにとってより柔軟なもの

于 2012-09-05T08:11:08.220 に答える
0

まず、何を達成しようとしているのかが明確ではありません。アクセシビリティのためにページ上のHTMLをリフローしようとしていますか？

手始めに、.mainを.container内にとどまらせるには、これを.containerに入れます。

position:relative;

次に、メインをサイドの右側にフロートさせようとしている可能性があります。これを.mainに入れます。

left:300px;

私があなたの意図を正しく推測したことを願っています。

于 2012-09-05T08:11:35.493 に答える