html 页面div设置下拉条,如何让页面中的div出现滚动条？

最新推荐文章于 2024-07-21 02:48:56 发布

weixin_39845825

最新推荐文章于 2024-07-21 02:48:56 发布

阅读量923

点赞数

html 页面div设置下拉条

页面上的四个div设置了绝对定位，如何让这四个div出现滚动条？？超出页面的部分可以滚动？

拖动div

margin: 0px;

padding: 0px;

}

/*拖曳*/

.drag{position:fixed;background:#ccc;z-index:999;border:1px solid #cbcbcb;cursor:move;width:200px;}

.tbLast tbody tr .dataTd{cursor:pointer;}

.userMenu .homeBtn{cursor:pointer;background:url('../images/home.png');width:34px;display:inline-block;vertical-align:middle;height:34px;margin-right:10px;margin-top:10px;}

.userMenu .homeBtn:active{cursor:pointer;background:url('../images/home.png');width:34px;display:inline-block;vertical-align:middle;height:34px;margin-right:10px;margin-top:10px;}

.userMenu .homeBtn:hover{cursor:pointer;background:url('../images/homeBtn_on.png');width:34px;display:inline-block;vertical-align:middle;height:34px;margin-right:10px;margin-top:10px;}

.detailTab{background:#fff;width:100%;}

.cha{background:url('../images/cha.png');width:14px;height:14px;display:block;position:absolute;top:3px;cursor:pointer;right:3px;display:inline-block;}

.tzgBox{width:400px;display:inline-block;margin-right:-7px;*display:inline;*zoom:1;}

#tzgDiv{width:100%;overflow-x:auto;white-space:nowrap;}

body{

position: relative;

top: 0;

left: 0;

}

#tzgDiv #tzg1{

position: absolute;

left: 40px;

top: 125px;

}

#tzgDiv #tzg2{

position: absolute;

left: 440px;

top: 125px;

}

#tzgDiv #tzg3{

position: absolute;

left: 840px;

top: 125px;

}

#tzgDiv #tzg4{

position: absolute;

left: 1240px;

top: 125px;

}

.tbLast2{width:100%;font-size:12px; background: #fff;}

.tbLast2 th{background:#5a6692;color:#fff;text-align:left;height:34px;line-height: 34px;border-right:1px solid #cbcbcb;font-size:14px;padding-left:8px}

.tbLast2 tbody td{background-clip:padding-box;/*position:relative;*/color:#484848;text-align:center;padding:6px 3px;border-bottom:1px solid #cbcbcb;border-right:1px solid #cbcbcb;}

.tbLast2 tbody td:last-child{border-right:0;}

.tbLast2 tbody tr.last td{border-bottom:0;}

.tbLast2 tbody tr.odd td{background:#fff;}

.tbLast2 tbody tr.edd td{background:#f4f8fb;}

.tbLast2 .updatBtn{display:inline-block;background:#f1f3f6;color:#484848;border-style:solid;border-width:1px;border-color:#bfbfbf;border-radius:3px;padding:2px 7px;font-size:12px;cursor:pointer;}

.tbLast2 tbody tr.redRow td{color:#ff0000;font-weight:bold;}

.tbLast2 tbody tr.boldRow td{font-weight:bold;font-size:14px}

.tbLast2 tbody tr td.redTd{color:#ff0000;font-weight:bold;}

.tbLast2 tbody tr td.boldTd{font-weight:bold;color:#484848;}

.tbLast2 tbody tr td.dataTd{text-align:left;padding-left:8px;line-height:2;background-clip:padding-box;}

.tbLast2 tbody tr td.dataTd div{width:190px;min-width: 190px;}

.tbLast2 tbody tr td.redTd{background-clip:padding-box;}

.tbLast2 tbody tr td.dataTd span{color:red;}

.tbLast2 tbody tr td{background-clip:padding-box;}

.tbLast2 tbody tr.odd td,.tbLast tbody tr.edd td{background-clip:padding-box;}

/*田字格*/

.tbLast2 tbody .dataTdNew{text-align:left;border:1px solid #cbcbcb;cursor:pointer;}

.tbLast2 tbody .dataTdNew div em{width:58px;display:inline-block;text-align:right;}

.tbLast2 tbody .dataTdNew div i{font-style:normal;color:#ff5b5b;font-family:'arial';}

.tbLast2 tbody .dataTdNew div .i1{color:#00a2ff;}

.uploadimg{background:url('../images/upload.png') no-repeat;display:inline-block;width:28px;height:28px;vertical-align:middle;cursor:pointer;float:right;margin-top:3px;margin-right:10px;}

.uploadimg:hover{background:url('../images/upload_on.png') no-repeat;display:inline-block;width:28px;height:28px;vertical-align:middle;}

.uploadimg1{background:url('../images/upload1.png') no-repeat;display:inline-block;width:28px;height:28px;vertical-align:middle;cursor:pointer;float:right;margin-right:10px;margin-top:3px;}

.uploadimg1:hover{background:url('../images/upload1_on.png') no-repeat;display:inline-block;width:28px;height:28px;vertical-align:middle;}

亚信小谷围-1期-1栋第一单元

均套面积:

91.93

均价:

20,675.61

金额:

68,921,981.92

均套面积:

91.93

均价:

20,675.61