                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /从 psd 到 html

我的panel会侵占footer的位置...

两个模块会重叠这是为什么啊？

Rookiex

2016-09-05

源自：从 psd 到 html 4-4

关注问题我要回答

1047

操作

收起

4 回答

大美茹
2018-09-27

子元素都是浮动的，父元素没有设置高度，所以高度为0.应该清除浮动

<div class="index-panel-header clearfloat">

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

龚小样
2016-10-04

最好的解决办法

在panel这个div下添加一个兄弟div

<div class="seperation"></div>

然后其css样式为

.seperation{

clear:both;

}

把他写在common.css里面，用的地方很多。

原理就是块状元素独占一行清除左右浮动的，就避免上下粘在一起。。话粗理不粗就是这个意思。

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

#1

qq_我踹了你一脚并_03711706

嗯，试了下，真的好使啦，好开心呀，谢谢这位热心的大神

2016-10-10 回复有任何疑惑可以回复我~

#2

龚小样回复 qq_我踹了你一脚并_03711706

别叫我大神我也是小白。。这个东西用得很多，大部分网页叫这个东西为clearfix，还有配套的clearfix：after。可以看看别人写的网站就知道了。加油，一起学习♪(^∇^*)

2016-10-15 回复有任何疑惑可以回复我~

慕粉3759934
2016-09-06

能否贴出css,没有css属性没法判断

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

风清云淡wjf
2016-09-05

footer没有添加margin-top:200px,如果是按照老师教的做，就直接在footer里添加index-panel样式

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

#1

Rookiex 提问者

朋友谢谢，不过我加了上外边距200px也没反应啊！

2016-09-05 回复有任何疑惑可以回复我~

#2

慕粉3599326 回复 Rookiex 提问者

<div class="public-footer index-panel"> 是这样的。

2016-11-16 回复有任何疑惑可以回复我~

举报

0/150

提交

取消

从 psd 到 html

参与学习 105471 人
解答问题 410 个

教你把PSD设计稿转化成HTML，用案例来讲解基本流程

本课相似问答

4 回答为什么我的panel部分和footer部分重合了

1 回答为什么我的三角会偏离位置？

3 回答panel部分和footer部分重合且margin-top:200px,没有效果

1 回答.public-footer设置padding-top = 100是准确的吗？

3 回答为什么我给index-panel：200px;没反应

搜索更多本课相关问答

我的panel会侵占footer的位置...

我要回答关注问题

意见反馈帮助中心 APP下载