大致的代码如下：
<div>
<div id="menu" style="float:leftwidth:100pxheight:400pxbackground:blue"></div>
<!--右侧部分-->
<div>你的产品</div>
</div>
清除浮动并不是指清除浮动元素本身的浮动，而是在浮动元素的外面（前面或后面）进行清除，也就是清除浮动元素对其他后续元素的影响。浮动元素相当于漂浮在空中，那么它原来在地面所占用的位置就被收回了，后面的其他元素就会自动占用这个位置（具体表现就类似于其他元素钻到这个浮动元素的下面去了），而清除浮动的意思就是把浮动元素原来在地面的占用位置找回来，这样后面的其他元素的位置就不会受这个浮动元素的影响了。
具体做法可以在浮动元素的后面插入一个块级元素来清除浮动，下面是最简单的一种：
<div class="d1"></div>
<div class="d2"></div>
<br style="clear:both"/>
<div class="d3"></div>
如果是地址栏的图标，代码如下：<link rel="shortcut icon" href="MyImg.ico" />
<link rel="Bookmark" href="favicon.ico" />
代码放置在<head></head>之间，图片放置在站点根目录。
如果是页面上的某个图标，这个也有多种方法。
一种是float的浮动，不脱离页面内容流。
一种是position，可以脱离页面内容流，独立设置位置。
如果是某些标题，列表前的小图标，则可以使用img添加，如：
<img src="..." /><a href="...">链接</a>
也可以用css的background属性集合padding属性设置为背景。
