div怎么不会自适应宽度

深水海狗

div怎么不会自适应宽度
页面代码
nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&lt;div id=&quot;Product&quot;&gt;<br />
nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;Webpart01&quot;&gt;<br />
nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;head&quot;&gt;<br />
nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;title&quot;&gt;&lt;a href=&quot;123&quot;&gt;&lt;span&gt;●&lt;/span&gt; webpart标题&lt;/a&gt;&lt;/div&gt;<br />
nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;more&quot;&gt;&lt;a href=&quot;123&quot;&gt;更多&lt;/a&gt;&lt;/div&gt;<br />
(情缘站长教程网 Www.XiuGoo.Com)
nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;<br />
nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;maincontent&quot;&gt;12312312387687698976876876yiuyiuiuoiuoiuoiuoiyuiyuytftrtretretre&lt;/div&gt;<br />
nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;<br />
nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;<br />
复制代码
css
<br />
#Product{<br />
nbsp; &nbsp; &nbsp; &nbsp; width:360px;<br />
nbsp; &nbsp; &nbsp; &nbsp; height:270px;<br />
nbsp; &nbsp; &nbsp; &nbsp; float:left;<br />
nbsp; &nbsp; &nbsp; &nbsp; margin-left:4px;<br />
}<br />
.Webpart01{<br />
nbsp; &nbsp; &nbsp; &nbsp; border: 2px solid #F1F2F3;<br />
nbsp; &nbsp; &nbsp; &nbsp; padding: 2px;<br />
nbsp; &nbsp;display: block;<br />
}<br />
.Webpart01 .head{<br />
nbsp; &nbsp; &nbsp; &nbsp; background: #E2EEFF;<br />
nbsp; &nbsp; &nbsp; &nbsp; height: 24px;<br />
}<br />
.Webpart01 .head .title a{<br />
nbsp; &nbsp; &nbsp; &nbsp; color: #296CC8;<br />
nbsp; &nbsp; &nbsp; &nbsp; font-size:14px;<br />
nbsp; &nbsp; &nbsp; &nbsp; font-weight:bold;<br />
nbsp;&nbsp;line-height:25px;<br />
nbsp;&nbsp;margin-left:10px; <br />
nbsp;&nbsp;float:left;<br />
}<br />
.Webpart01 .head .more a{<br />
nbsp; &nbsp; &nbsp; &nbsp; font-size:12px;<br />
nbsp; &nbsp; &nbsp; &nbsp; color: #296CC8;<br />
nbsp; &nbsp;line-height:24px;<br />
nbsp; &nbsp; &nbsp; &nbsp; margin-right:6px;<br />
nbsp; &nbsp; &nbsp; &nbsp; float:right;<br />
}<br />
.Webpart01 .head .title span{<br />
nbsp; &nbsp; &nbsp; &nbsp; font-size:8px;<br />
nbsp; &nbsp;vertical-align: middle; <br />
}<br />
.Webpart01 .maincontent{<br />
nbsp;&nbsp;border:1px solid red;<br />
nbsp;&nbsp;width:100%;<br />
}<br />
<br />
<br />
复制代码

我这样写是为了使Webpart01成为通用的webpart样式，别的地方也可以用，利用外面的Product控制webpart的宽度，
我在Product中已经定义固定宽度360
但是maincontent不写宽度 就会自动撑开，而不会自动换行，为什么呢？
如果写了固定宽度，那个webpart01就不能用在其它地方了。


请教高手帮忙，谢谢！

车大炮

偶啥时才能熬出头啊.现在金钱好少，好少，慢慢做吧。