4

私のウェブサイトには 2 つの div があります。1 つは左側、もう 1 つは右側です。しかし、クライアントは使用しないと言ったので、使用しfloat:rightました を使用しないことmargin:left のプラスの点は何float:rightですか? margin-leftまたはfloat:right、または私は間違っていますか？私を助けてください。

#left
{
float:left;
width:200px;
}
#right
{
float:right;
width:200px;
}

また

#left
    {
    float:left;
    width:200px;
    }
    #right
    {
    margin-left:250px;
    width:200px;
    }
4

5 に答える 5

4

マークアップの順序に関係していると思います。原則として、最初にすべてのマークアップを作成する必要があるため、css がなくても意味があり、その後で css ルールを追加します。

css 条件を満たすためにマークアップを移動する必要がある場合は、検索エンジンの最適化、アクセシビリティ、またはコードの読みやすさと明確な構造が損なわれる可能性があります。

何かを適切にフロートする場合、視覚的には 2 番目に表示されていても、マークアップの最初に要素を配置する必要がある場合があります。

これはもちろん憶測であり、マーカス・アウレリウスが著書の瞑想で書いているように、他の人 (この場合はクライアント) を理解しようとするのは多かれ少なかれ時間の無駄です。あなたは彼らと彼らの動機を完全に理解しています。代わりに、自分の動機と行動が正しいことを確認することに専念する必要があります。そのため、物事を左右に動かさないときとそうでないときを確認し (現在、その道を進んでいます)、これらの真実を相手に明らかにします。あなたのクライアント。

于 2012-08-06T10:01:50.040 に答える
3

ええと、float：rightを使用しても何も問題はありません。多分あなたのクライアントはそれについての考えを持っています。開発の問題である可能性があります。

于 2012-08-06T09:50:39.293 に答える
3

使用しないことで考えられる唯一の「プラス」はfloat: right、右にフロートされているインライン要素が逆の順序で表示されるという事実です(親要素がフロートされている要素でない限り、その場合、その子は正しい順序)。そのため、コンテンツ (アイテムのリストなど) が特定の順序でデータベースORDER_BYから取得された場合、目的の順序で表示されるようにするには、逆にする必要があります。プレーンな HTML 要素の順序についても同様です。float: right他のコードをリファクタリングする必要がないため、使用を望まない場合があります。

フィドル: http://jsfiddle.net/nxdD4/1/

思いつくのはそれくらいです。

于 2012-08-06T09:50:45.677 に答える
3

実際に 2 番目の div で使用するfloat:left;と、2 番目のdivは最初の div の直後に開始されます。

このように:- http://tinkerbin.com/FfuvHZw4

2 番目の div で使用するfloat:rightと、2 番目の divは親 div または body の右側から開始されます。

このように:- http://tinkerbin.com/EgtjAJA1

于 2012-08-06T09:46:58.897 に答える
0

あなたが質問してもばかに見えないことを確認したので、私はあなたのクライアントに尋ねます. おそらく、彼らの理由にはあなたが知っておくべき他の意味があり、あなたのクライアントが古代哲学の観点から考えていない可能性が低い場合、おそらくアウレリウスの推論はあなたの手を不必要に拘束するかもしれません.

私が考えることができる最も可能性の高い説明は、コードがレンダリングされるのと同じ順序である場合、コードがより簡単に更新されるということです (ただし、CSS で正しいセマンティクスを使用することがより重要であることに反論します)、コードは表示されます。他のコードを含むページで、またはあなたのコードが CMS によって生成されることになっている場合、物事が同じ順序であればセットアップ/管理がより簡単であり、文脈から外れて拾われた可能性があるか、善意のあるフォーラムの回答者が引用される可能性がありますそれらに関連するソースよりも少ない。ローマ皇帝は、触り心地があまり得意ではありませんでした。

于 2012-08-06T13:19:53.950 に答える