课程
/前端开发
/HTML/CSS
/网页布局基础
为什么在标签里添加*{margin:0;padding:0;}还是没办法初始化成功?
2017-05-03
源自:网页布局基础 2-2
正在回答
刚开始我也一直为这个问题纠结,后来放慢视频才发现,初始化根本没有解决这个问题。老师只是把content的width改小了,贴近了图片的边缘。难怪视频结束发现content变短了。。。。
不是初始化的问题,是width设置的问题。在.content类样式中,内边距padding左右距离被设置成了各15px,如果width被设置成770px,那么div不含边框border的总宽度就是width+padding=800px,显然是大于背景图片770px的宽度。
可以把width调成740px,width+paddng=740+15+15=770px,这样div的边框刚好框住背景图片,但是不完美,背景图片的边框与div的边框没有重叠。
猜测背景图片的边框宽度为5px,那就把width调成735px,这样div的边框刚好覆盖了背景图片的边框。
请检查冒号是否为英文标点。
举报
让你精通CSS中三大定位机制,彻底掌握网页布局的相关知识