5

2 つの div が残っています。絶対位置を使用したくないのですが、絶対位置を使用せずに並べて表示する別の方法はありますか? それともこれが唯一の方法ですか？

<div class="moreinfo" id="darkgray">
            <p>
                Today, hate speech continues to profilerate throughout the Internet, normalized in the form of YouTube comments, animated GIFs, and tweets. Online anonymity affords users a sense of security that fosters a culture of cruelty and bigotry. Our goal is to create a conversation about the consequences of hateful speech that rethinks how we communicate online. Social media is full of positive potential; we can tap into it by holding each other accountable.
            </p>
        </div>
        <div class="moreinfo" id="lightgray">
            <h2>
                "WE NEED TO TEACH OUR CHILDREN NOT TO STAND SILENTLY BY WHILE OTHERS ARE BEING TORMENTED. IN THE END, THEY WILL BE SAFER ONLINE &amp; OFFLINE."
                <a href="#">READ ARTICLE BY WIRED SAFETY</a>
            </h2>
        </div>
        <div class="clear"></div>

CSS

.moreinfo{
    width:715px;
    height:250px;
    float:left;
    color:white;
}
4

5 に答える 5

2

私が気づいた最良の方法は、両方の幅にパーセント50％を使用することでした

于 2013-11-10T02:23:27.313 に答える
0

最良の解決策は、それらが並んでいることを確認するためにdisplay:table使用することですdisplay:table-cell

于 2013-11-06T05:23:16.243 に答える
0

包含要素を、必要な方法で両方を含むのに十分な幅に設定します。

body {
  min-width: 1450px;
}

ここにフィドルがあります

于 2013-11-06T05:28:05.153 に答える