CSS样式格式

当我减小页脚高度时，页脚及其内容不会按比例重新定位

CSS代码：

#页脚{
清楚:对,；
背景：#d1dceb；
文本对齐：右对齐；
填充：20px；
宽度：70%；
浮动：对；
高度：5px；
}
#左页脚{
浮动：左；
文本对齐：左对齐；
左边距：5px；
}
#右页脚{
浮动：对；
文本对齐：右对齐；
右边距：5px；
}

这就是我得到的：

---

我应该做些什么来解决这个问题？

删除

高度

并添加

溢出：隐藏
：

#页脚
{
清楚:对,；
背景：#d1dceb；
文本对齐：右对齐；
填充：20px；
宽度：70%；
溢出：隐藏；
}


就在页脚div结束之前，尝试从页脚中删除高度。好吧，您没有添加任何上下文和任何HTML标记。但这很重要：

#footer {
    clear: right; /* why are you doing this? **/
    background: #d1dceb;
    text-align: right;
    padding: 20px;
    width: 70%;
    float: right; /* why are you doing this? **/
    height: 5px;
}

看看那些注释行，它们很可能根本不需要

现在，对于您的问题，您可以使用两个选项：

1）使用“clearfix”方法清除浮动：只需添加一个空div来清除前面元素的浮动，如下所示：

<div class="clearfix"></div>

显然，由于您使用的是可重用类，因此可以根据需要多次使用它

选项2如下所示：

#footer p.right:after {content:'';clear:both; float:none; }

我们在这里所做的是添加一些“空”内容，但我们为其分配了一个
“clear:tweet”
属性来清除所有内容，或多或少就像我们在选项1中添加了该div一样

当然，选项1要好得多，但是，好了，
您正在使用浮动来定位元素，这意味着浮动元素的高度设置为0，就像您正在使用
定位：绝对
一样。不要使用浮子！使用flex


#页脚{
背景：#d1dceb；
填充：20px；
宽度：70%；
显示器：flex；
边距：0自动；/*中心元素*/
}
#页脚p{
flex:1自动；/*填满整个可用空间*/
}
#右页脚{
文本对齐：右对齐；
}

左脚元素

右页脚元素

这两个建议都不成功，删除高度会增加页脚的高度。右。预期产量是多少？你能贴张照片吗/
.clearfix{clear:both; float:none;}

#footer p.right:after {content:'';clear:both; float:none; }