Maison > interface Web > tutoriel HTML > 有滚动条时div高度不能充满屏幕_html/css_WEB-ITnose

有滚动条时div高度不能充满屏幕_html/css_WEB-ITnose

WBOY
Libérer: 2016-06-21 09:43:03
original
1516 Les gens l'ont consulté

浏览器 CSS 布局 HTML

css布局 ,页面分为左右两块,左边固定不动,右侧高度任意。右侧最外层一个div(div_all_right),里边分头、内容、页脚。
html,body
{
   height:100%;
}

  #div_all_right {
            background: url("../images/Layout/content_bg.png");
            box-shadow: 5px 5px 5px 5px silver;
            background-attachment:scroll;
            background-position:0px;
            background-size:auto;
            background-origin:padding-box;
            background-clip:border-box;
            margin: 0px 38px 20px 238px;
            padding: 10px;
            width: auto;
            height:100%;
        }

问题是: 
当整个窗口出现滚动条时,希望#div_all_right的高度应该是整个滚动区域的高。
  但#div_all_right的高度还是浏览器可见区域的高度,高出的区域不会被填充。
请各位指点指点。

回复讨论(解决方案)

其实我感觉你需要的是这样的:
http://bbs.blueidea.com/thread-2818595-1-1.html

把height:100%;去掉试试?

回1楼,我要的不是b/s软件架构那种,我要的是有一个全局滚动条的。更像http://www.36kr.com/这种布局。

去掉height:100%;更不行了。

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal