                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /网页简单布局之结构与表现原则

为什么width=458px;padding=20px;之后文字块就向上移动了呢

qq_白日梦_6

2015-12-08

源自：网页简单布局之结构与表现原则 2-1

关注问题我要回答

1363

操作

收起

3 回答

Mtodream
2015-12-10

一个盒子的长度是内、外边距加内容宽度加边框宽度，右边整个是500px=458px+20*2（两个内边距）+1*2（左右两边边框），之前被挤压下来是因为加了边框多了2px，即502px了，按上面的调整下宽度刚好适应就会向上移动还原位置了。

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

收起回答

echo_kinchao
2015-12-08

给挤压的

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

收起回答

木子舟义
2015-12-08

能否描述得详细一些

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

收起回答

qq_白日梦_6 提问者

就是DEMO01里边老师说右边的DIV错位了，原因是设置了Border，然后改了width=458px;padding=20px;之后就好了。

2015-12-09 回复有任何疑惑可以回复我~

0/150

提交

取消

网页简单布局之结构与表现原则

参与学习 108319 人
解答问题 375 个

入门必杀技之结构与表现相分离，课程会有3个案例，不同角度讲解

进入课程

为什么width=458px;padding=20px;之后文字块就向上移动了呢

我要回答关注问题

热搜

最近搜索清空

为什么width=458px;padding=20px;之后文字块就向上移动了呢

3 回答

为什么width=458px;padding=20px;之后文字块就向上移动了呢