网页绿色食品网跟随练习时出现的问题总结

1，当一个做背景的图片很大时：

background:url(../images/bg.jpg)  no-repeat top center;（他告诉了你要显示的 top center部分,其他的部分隐藏了，随着你宽度，长度的增加一能看到！）

2.怎样让一个div的高度随内容变化儿变化;首先他的高度不设置，然后overflow:hidden;

3,如何居中一个div:margin左右设auto,然后以前学习的那种计算方式的也可以

4

 <p>
    电话：010-62358888　传真：010-88636666　客服电话：400-0809-560<br />
   绿色食品（北京）有限公司 版权所有 京ICP备11036362号
    <img src="images/logo_1.jpg"  />
       
    </p>

 

效果是这样的：

 

<!-- 这个地方出现了一个问题如果第2个br不加，那么就会出现这个行距很大，实际上是因为图片没有换行要和(绿色食品开始的)显示在一行，所以就给撑开了 ，你可以采用定位的方式解决这个问题，这个时候绝对定位后img不占用空间了-->
        <!-- 如果一个图片设置了样式宽度（在html和css设置都一样），然后实际的图片尺寸要大于这个，这个时候图片是会缩放的，但是如果一个div设置了css长宽，这个时候这个图片会跑出去，但是div的尺寸是不变的-->
   <!-- 为什么img为行内元素可以他可以设置长宽
   img是替换元素
   替换元素一般有内在尺寸，所以具有width和height，可以设定。例如你不指定img的width和height时，就按其内在尺寸显示，也就是图片被保存的时候的宽度和高度。
对于表单元素，浏览器也有默认的样式，包括宽度和高度。

   -->