2016-03-02 52 views
1

我想把表格放在div中。条件是主屏幕不应该滚动,只有内部<div>应该滚动。如何使固定主屏幕的滚动div?

In the image you can see 3 parts, p div child

<p>是碱和在存在<div><div><table>

overflow:scroll;似乎不工作 - 它隐藏溢出的内容,并使<div>可滚动,但主屏幕与它一起滚动。

#personal_p{ 
    position:relative; 
    width:1100px; 
    height:400px; 
    max-height:auto; 
    top:15px; 
    box-shadow:2px 3px 10px grey; 
} 

#personal_div{ 
    position:relative; 
    top:-400px; 
    left:0px; 

    overflow-y:scroll; 
    width:1090px; 
    height:390px; 
    /*border:2px solid red;*/ 
} 

回答

0

这是你在追求什么?

#personal_p{ 
position:relative; 
margin:10px; 
overflow-y:scroll; 
width:600px; 
height:400px; 
top:15px; 
box-shadow:2px 3px 10px grey; 
} 

#personal_div{ 
position:relative; 
left:0px; 
/*border:2px solid red;*/ 
} 

https://jsfiddle.net/GlynneT/kytgLhdd/

+0

** **究竟是什么我想.. :) _ **谢谢你**所以much_ @Glynne –

0

你可以只创建一个单独的页面,只是表,然后将其重新添加到您要使用标签页。

- http://www.w3schools.com/tags/tag_iframe.asp

还可以引用的.html页面不只是一个链接。

+0

不是我想要的,但** **感谢名单答复:) –