Css Div溢出不工作
有人能告诉我为什么溢出:隐藏不起作用了,它一直在我的脑子里嗡嗡作响,我尝试了各种各样的方法,除非是我用的布局 提前谢谢Css Div溢出不工作,css,html,Css,Html,有人能告诉我为什么溢出:隐藏不起作用了,它一直在我的脑子里嗡嗡作响,我尝试了各种各样的方法,除非是我用的布局 提前谢谢 #RightContent { min-height: 90%; background-color: #0A0A0A; border-top: 2px solid #2D2D2D; border-left: 2px solid #2D2D2D; border-right: 2px solid #2D2D2D; border-top
#RightContent {
min-height: 90%;
background-color: #0A0A0A;
border-top: 2px solid #2D2D2D;
border-left: 2px solid #2D2D2D;
border-right: 2px solid #2D2D2D;
border-top-right-radius: 25px;
width: 41%;
margin: 0 auto;
position: absolute;
top: 20px;
left: 404pt;
overflow: hidden;
}
#RightFooter {
min-height: 30px;
background-color: #0A0A0A;
border-bottom: 2px solid #2D2D2D;
border-left: 2px solid #2D2D2D;
border-right: 2px solid #2D2D2D;
border-bottom-right-radius: 25px;
width: 41%;
margin: 0 auto;
position: absolute;
bottom: 20px;
left: 404pt;
overflow: hidden;
}
参见postrads.com上的示例
提前感谢。您尚未设置元素或其任何祖先的高度
#RightContent {
min-height: 90%;
background-color: #0A0A0A;
border-top: 2px solid #2D2D2D;
border-left: 2px solid #2D2D2D;
border-right: 2px solid #2D2D2D;
border-top-right-radius: 25px;
width: 41%;
margin: 0 auto;
position: absolute;
top: 20px;
left: 404pt;
overflow: hidden;
}
#RightFooter {
min-height: 30px;
background-color: #0A0A0A;
border-bottom: 2px solid #2D2D2D;
border-left: 2px solid #2D2D2D;
border-right: 2px solid #2D2D2D;
border-bottom-right-radius: 25px;
width: 41%;
margin: 0 auto;
position: absolute;
bottom: 20px;
left: 404pt;
overflow: hidden;
}
尝试设置#RightContent
元素的高度
已更新
我创建了一个快速html布局示例来帮助您入门:
请研究样品和实验
我强烈建议您熟悉使用浮动、清除和边距,以使布局达到您想要的位置,并减少您的挫折感。请您将问题隔离出来,并在添加html中重新创建它,同时检查您的标记……没有理由将页脚定位为绝对位置。最好为每一列设置一个包装器,并将内容和页脚放在其中。这就是你的页脚位置如此混乱的原因。顺便说一下,去掉右边列中的表。没有理由使用表格。Hmmm已经尝试过了,我只想在正确的内容展开时按下页脚。尽量避免绝对定位。取而代之的是,尝试浮动你的元素——有很多很好的例子。另外,尝试将你的标记包装成适当的部分。示例:使用一个容器来集中页面内容。然后为上部和页脚设置两个嵌套容器。继续将你的标记划分为有意义的部分,你会发现它们的样式化变得更容易。我希望你觉得附加的JSFIDLE有帮助-这是我能帮助你的。这已经非常有效了,感谢技术恐惧症,我已经按照我想要的方式进行了样式化,我已经制作了#页面最小高度最小高度:73%;我现在唯一的问题是页脚在页面的中间,我不能让它们停留在底部,它们只是坐在正确的内容和内容的结尾。除此之外,它工作得非常好D