こんぺいとう

正しいfloat解除の仕方なのでしょうか？

<div style=”clear: both;”></div>←これは正しいfloat解除の仕方なのでしょうか？

divの中に何も入ってないのは少し違和感あります。
他の方法で、どのブラウザにも対応されてるfloatの解除の仕方はあるのでしょうか？

その<div>の後ろに続く要素にclearを付ければいいんじゃないでしょうか？
考え方を変えて、そのdivの中に、後に続く要素を取り込んでしまう、とか。

<hr>につけて非表示にするとか。

CSSに書かれている#は、タグではなく、一意セレクタと呼ばれるものです。
HTMLに書かれている#は一意性(Uniqueness)アンカーです。
　文章の特定の一要素を示すときは、<a name=”wrapper”>とか、<h1 id=”wrapper”>などと指定しますね。
　どこかからリンクするときは、<a href=”#wrapper”>となります。

　一方、CSSもその要素を指定するときは、
a#wrapper とか h1#wrapper あるいは、#wrapperのように指定します。
　CSSでは、以後に続く{宣言}で記述する設定が適用される場所を指定するためにセレクタ(selctor)を使います。こんなのがありますね。
全称セレクタ　　　　　*　
タイプセレクタ　　　　要素名
子孫セレクタ　　　　要素名要素名
子セレクタ　　　　　　要素名>要素名
隣接セレクタ　　　　要素名+要素名
属性セレクタ　　　　要素名[属性]
クラスセレクタ　　　　要素名.クラス
一意セレクタ　　　　　要素名#一意性アンカー
ですので、HTML内にある唯一のid=”wraper”などで示されている要素を指定するという意味です。