css - ボーダーの float と親子関係に関する CSS の問題

Question

私は CSS に少し慣れていないので、border と float で次の問題が発生する理由がわかりません。

問題 1. .main div {float: left;} がある場合、左フロートは機能しますが、.main または div.main だけがある場合は機能しませんか?

問題 2.親 div の境界線も子 div に適用されていますが、理由はわかりませんか?

 .main div {float:left; padding:10px; border: 1px solid #000;}

 <div class="main">
    <div> option1</div>
    <div> option2</div>

 </div>