【解决】HTML制作网页的布局时遇到的问题

 

①div重叠或者隐藏

解决方案:

第一种:在标签内添加上style="clear.both"></

如:<div style="clear.both"></div>

原因:因为在css里使用了float浮动元素。

第二种:给每个div层都指定宽度和高度,如果高度不确定,可以使用“overflow:hidden”。

【解决】HTML制作网页的布局时遇到的问题

②image图片太大,无法放进div等比例中:(如图所示)

 


解决方案:

添加background-size(也加上background-repeat:no-repeat;)

【解决】HTML制作网页的布局时遇到的问题便可,效果如下:

 【解决】HTML制作网页的布局时遇到的问题

 

相关文章: