Html 父级灰色div隐藏石灰盒的底部
父级灰色div隐藏石灰盒的底部Html 父级灰色div隐藏石灰盒的底部,html,css,position,Html,Css,Position,父级灰色div隐藏石灰盒的底部 我可以让石灰盒的底部保持可见吗 使用溢出的正确方法是什么：隐藏这里 保存父灰色框的100%宽度也很重要 如何使灰线100%宽度（用于放大和缩小）？ <!DOCTYPE html> <html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <style> /* Start BG RECT */
- 我可以让石灰盒的底部保持可见吗
- 使用溢出的正确方法是什么：隐藏
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<style>
/* Start BG RECT */
.bg-rect {
position: absolute;
top: 50px;
left:0; right:0; /* Required to be 100% 100% */
min-width: 980px; /* max for iPad */
height: 263px;
}
#bg-rect-important {
overflow: hidden; /* Disable right bg breaking by words on the right! */
/* overflow hidden: disallows child be taller then parent?! */
background-color: #656565;
}
/* Start BASE RECT */
.base-rect {
position: relative; /* margin: auto works only with position: relative */
margin: 0 auto; /* Centralize! */
/*!SPACE>*/top:32px; width:940px;
/*left: -300px; /* unfortunately scroll doen't work */
}
#base-rect-lime {
background-color: #3F3;
height:249px;
}
/* Start LIME RECT : left, right */
#left-text {
position:absolute;
left:-200px;
width:200px; height:218px;
}
#right-text {
position:absolute;
right:-200px;
width:200px; height:218px;
}
/* End LIME RECT : left, right */
/* End BASE RECT */
/* End BG RECT */
</style>
</head>
<body>
<div class="bg-rect" id="bg-rect-important">
<div class="base-rect" id="base-rect-lime">
<div id="left-text"></div>
<div id="right-text"></div>
</div>
</div>
</body>
</html>
/*启动BG RECT*/
.bg rect{
位置：绝对位置；
顶部：50px；
左：0；右：0；/*要求为100%100%*/
最小宽度：980px；/*iPad的最大宽度*/
高度：263px；
}
#bg rect重要{
溢出：隐藏；/*通过右侧的文字禁用右侧bg断开*/
/*溢出隐藏：不允许孩子比父母高*/
背景色：#6565；
}
/*起始基矩形*/
.base rect{
位置：相对；/*边距：仅自动与位置：相对一起工作*/
边距：0自动；/*集中*/
/*！空格>*/top:32px；宽度：940px；
/*左：-300px；/*很遗憾，滚动无法工作*/
}
#基直石灰{
背景色：#3F3；
高度：249px；
}
/*开始直线：左，右*/
#左文本{
位置：绝对位置；
左：-200px；
宽度：200px；高度：218px；
}
#右文本{
位置：绝对位置；
右：-200px；
宽度：200px；高度：218px；
}
/*末端直线：左、右*/
/*底端矩形*/
/*结束BG RECT*/
#bg-rect-important {
background-color: #656565;
}
希望这对您有所帮助。我很确定这正是您想要的：
#bg-rect-important {
overflow-y: auto;
overflow-x: hidden;
background-color: #656565;
width: 100%;
}
在这里拉小提琴-你能澄清你的问题吗？如果您希望石灰盒的底部可见，则没有正确的方法使用
溢出：隐藏width:100%