为了账号安全,请及时绑定邮箱和手机立即绑定

关于第二个任务

为什么我把它改为 

#mainbody,#footer{ width:50%;} 后,

页面的中下部分就不居中了

正在回答

3 回答

我想你指的是 网页布局基础>>2-7 网页布局编程练习的第二个任务, 对吧?

因为该样式表中设置了*{margin:0; padding:0;},即所有元素的内外边距都是0,所以每个元素默认的都会靠左上角排列。

设置 #mainbody,#footer{ width:50%; margin:0 auto;}即可使中下部分居中。 

0 回复 有任何疑惑可以回复我~

哦,但是在wrap中,

#wrap{width:770px; 

margin:0 auto;}

这已经设置了居中的样式,而且对于header、mainbody、footer它们来说,wrap不是应该它们都起作用吗?


0 回复 有任何疑惑可以回复我~

先谢谢了,但是为什么我把margin:0; padding:0;删除后,页面的中下部分还是不居中额,还有什么其他的因素吗?


0 回复 有任何疑惑可以回复我~
#1

慕侠6962033

元素默认的排布方式是从左到右,从上到下。如果希望居中,需要对样式进行相应的设置。
2016-10-30 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
网页布局基础
  • 参与学习       214707    人
  • 解答问题       1756    个

让你精通CSS中三大定位机制,彻底掌握网页布局的相关知识

进入课程

关于第二个任务

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信