求教margin和padding的问题,真烦。。。

http://img.mukewang.com/5831b6b9000107e102170315.jpg

想做这样的效果  用了dl列表 企业信息那一栏是dt 下边的部分是dd,然后在dd里插入一个div class=xinxi 就是图中的灰色区域

但是插入logo图的时候 把这个图放在一个尺寸等于图片大小div class=biao里 很奇怪 如果给biao设置margin-top,图片没有在xinxi里下移,而是整个xinxi下移了,xinxi和dt那一栏出现间隔了,这是怎么回事啊,怎么解决?但是如果给biao设置margin-left又有效果

后来设置了xinxi的padding-top才做成途中效果的

还有就是那个访问量187次 把这句话一个段落里 然后怎么设置margin padding都到不了图中的位置,设置xinxi的padding-bottom也不管用 

一直就是这个效果

http://img.mukewang.com/5831b8b20001145a02260331.jpg

附上代码、、、。。。。

<dl>
   <dt class="xx">企业信息</dt>
   <dd>
       <div class="xinxi">
           <div class="biao"></div>
           <p class="gsm"><span>公司名称:</span>淄博旭萌炉料有限公司</p>
           <p><span>公司类型:</span>[原料企业/生产加工]</p>
           <p class="cpzl"><span>产品供应:</span><br/>铁矾土,焦宝石,萤石</p>
           <p class="fwl">访问量:187次</p>
       </div>
   </dd>
</dl

.xinxi{height: 275px;width: 203px;background: #f7f5f6;padding-top: 5px;padding-bottom: 1px;}
.biao{width: 100px;height: 100px;background: url("../images/xmll_06.jpg");margin: 0 auto;margin-bottom: 5px;}
.xinxi p{line-height: 24px;font-size: 13px;}
.xinxi p span{font-weight: bold;}
.gsm{color:#001893;}
.gsm span{color: #000000;}
.cpzl{color: #e05419;}
.cpzl span{color: #000000;}
.fwl{font-size: 15px;color:#ff4c00;font-weight: bold;margin-bottom: 1px;}

Obituary
浏览 1541回答 3
3回答

晨曦拾梦

建议你看一下鑫老师的视频,在视频区有很详细的margin和padding区别视频
打开App,查看更多内容
随时随地看视频慕课网APP