div 上下总是空了一段,好像是滚动条在起作用,怎么让他撑满工作区域?

感谢

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

有可能是HTML标签不完全配对的原因，如果没有问题的话，那可能就是CSS设置的问题了
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>admin.html</title>

    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">

      </head>

  <body style="overflow: auto">
     <div style="display: inline; width:15% ;height:100% "></div>
     <div style="display: inline; width:2% ;height:100% ;background-color: #3A5F94; text-align: center; color: white;">点此切换</div>
     <div style="display: inline; width:83% ;height:100% "></div>
  </body>
</html>还有点此切换怎么到垂直的中间
那是边距，你加一个样式吧。就可以解决你这个问题
<style>
body{
margin:0px 0px 0px 0px
}
</style>
margin外边距
padding内边距貌似。。
给外边距调整为0
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<style>
* {
margin:0px;
padding:0px;
}
html, body {
width: 100%;
}
.d1 {
float:left;
display: block;
width: 10%;
height: 100%
}
.d2 {
float:left;
display: block;
width: 80%;
height: 100%;
background-color: #3A5F94;
text-align: center;
color: white;
}
.d3{
float:right;
display: block;
width: 10%;
height: 100%;
}
</style>
</head>
<body>
<div class="d1"></div>
<div class="d2">点此切换</div>
<div class="d3"></div>
</body>
</html>