مشکل با تگ div و float left

سلام.

من اين کد رو مينويسم ولي پس زمينه آبي نميشه.

کد:

---

<div style="background-color:blue">
        <div style="float:left">
                Some text
        </div>
</div>

---

چيکار کنم؟ (لازم دارم که حتما float left باشه. يعني درواقع کار رو براي يک صفحه بزرگتر ميخوام که دو تا تگ ديو بطور افقي کنار هم قرار بگيرن.)

ممنون.

سلام.
پس زمینه آبی میشه، ولی دیده نمیشه!
چون شما div float left دارید، div مادر این div رو در بر نمیگیره (یعنی انگار که خالیه). راه حل هم زیاده .. اما 2 راه معمولش:
1. به div مادر هم float بدید.
2. یک المنت دیگه در div مادر (یعنی کنار div float left) ایجاد کنید و استایل clear:both بدید.

موفق باشید ./.

یا باید به مادره ارتفاع بدی یا یک div با clear:both همین!
که دومی بهتره چون دقیقا ارتفاع فرزند رو میگیره!