滚动条不完全显示值在Div

我是ASP.Net和CSS的新手。在我的应用程序中，我将主div分成两部分。第一部分（DivHeader）已修复。第二部分有更多的文字，所以滚动条但不显示全文。滚动条不完全显示值在Div

我试过：（样本）

CSS

html,body 
{ 
width:100%; 
height:100%; 
padding:0px; 
margin:0px; 
font-family: Trebuchet MS; 
} 

#DivMain 
{ 
width:100%; 
height:100%; 
overflow:auto; 
position:relative; 
} 
html,body 
{ 
width:100%; 
height:100%; 
padding:0px; 
margin:0px; 
} 
#DivMain 
{ 
    width: 100%; 
    height: 100%; 
    overflow:auto; 
    position:relative; 
} 
#DivHeader 
{ 
    width: 100%; 
    height: 155px; 
    top: 0px; 
    left: 0px; 
    position:fixed ; 
    z-index: 2; 
    border-bottom: 1px solid #00e5e6; 
} 
#DivBody 
{ 
    width: 100%; 
    height: 750px; 
    position: fixed; 
    margin-top: 155px; 
    margin-bottom: 20px; 
    overflow:scroll; 
    top: 4px; 
    left: -2px; 
    margin-left: 0px; 
    margin-right: 0px; 
}

ASP.Net

<div id="DivMain"> 
     <div id="DivHeader"> 
     </div> 
     <div id="DivBody"> 
     <p> 
     <br>fdf</br> 
     sdf 
     sd 
     fas 
     df 
     asdf 
     asd 
     fas 
     df 
     asdf 
     asd 
     fd 
     asf 
     das 
     fds 
     f 
     dasf 
     das 
     fdas 
     f 
     <br>fdf</br> <br>fdf</br> 
      <br>fdf</br> 
      <br>fdf</br> 
       <br>fdf</br> <br>fdf</br> <br>fdf</br> 
       <br>fdf</br> <br>fdf</br> <br>fdf</br> <br>fdf</br> <br>fdf</br> <br>fdf</br> <br>fdf</br> <br>fdf</br> <br>fdf</br> <br>fdf</br> <br>fdf</br> <br>fdf</br> 
     </p> 
     </div> 
     </div>

如何股利显示全部价值？

这里做什么错了？

小提琴https://jsfiddle.net/8yLeb2xL/

来源

2015-12-30 Sathish

这是你想要的吗？ https://jsfiddle.net/5mLtkgo1/ –

我正在改变我的问题。对不起，老... – Sathish

删除位置和溢出：滚动;为DivBody –

下面是答案

Demo

html,body 
{ 
    width:100%; 
    height:100%; 
    padding:0px; 
    margin:0px; 
    font-family: Trebuchet MS; 
} 
#DivMain 
{ 
    width:100%; 
    height:100%; 
    position:relative; 
} 
#DivHeader 
{ 
    width: 100%; 
    height: 120px; 
    border-bottom:1px solid gray; 
} 
#DivBody 
{ 
    width: 100%; 
    height:calc(100% - 121px); 
} 
#DivBodyChild { 
    height:100%; 
    overflow-y:scroll;  
}

来源

2015-12-30 09:46:22

位置改到fixedabsolute

#DivBody 
{ 
    width: 100%; 
    height: 750px; 
    position: absolute; 
    margin-top: 155px; 
    margin-bottom: 20px; 
    overflow:scroll; 
    top: 4px; 
    left: -2px; 
    margin-left: 0px; 
    margin-right: 0px; 
}

https://jsfiddle.net/8yLeb2xL/3/

来源

2015-12-30 09:11:40

但我的顶部是固定的。 – Sathish

有什么问题？ –

现在更改了我的问题。上限固定。第二部分滚动。但现在没有在第二部分显示全文。 – Sathish

滚动条不完全显示值在Div

回答

相关问题