Question

在我共享的屏幕截图中，您可以看到一个表单，可以清楚地看到表单带有滚动条（即表单中有很多要显示的内容）。我想要实现的只是在父webapage上显示整个表单。我已经共享了html以及可见的主页面的css，因此您可以查看并建议为了这样做而需要进行的编辑。

此页面的代码是

<!DOCTYPE html>
<html>
   <head>
    <title>Control Panel
    </title>
    <script src="http://localhost:1211/js/main.js">
    </script>
    <link rel="stylesheet" type="text/css" href="http://localhost:1211/css/main.css">
</head>
<body>
    <header>
        <?php echo "USERNAME"?> 
        <span>
            <a  id = "log" href="">Logout</a>
        <span>
    </header>
    <hr>
    <nav>
        <a href="#" onclick="add()"><button>Add Record</button></a><br><br>
        <a href="#" onclick="update()"><button>Update</button><br><br></a>
        <a href="#" onclick="query()"><button>Perform Query</button></a>
    </nav>
    <section id="workarea">
    </section>
</body>

及其对应的css是

header
{
 padding-left: 30px;
 display:inline;
}

hr
{
  margin-top: 10px;
}

#log
{
  float: right;
 margin-right: 20px;
}

nav
{
 float: left;
 padding-top: 100px;
 width: 20%;
 height: 500px;
 border-style: solid;
 border-left-color: #FFFFFF;
 border-top-color: #FFFFFF;
 border-bottom-color: #FFFFFF;
 border-width: 2px;
}

section
{
 float: right;
 margin-top: 100px;
 width: 78%;
 height: 500px;
}

请建议我为了在整个“导航”中显示表单而需要进行的更改。标签区域。非常感谢您的帮助

Answer 1

我终于想通了，出于某种原因，在'nav'中创建的新对象有一些问题，在我的css中进行了以下更改

section > object
{
  width : 70%;
  height: 950px;
 }

它的工作就像一个奇迹：）

我的表格没有正确显示

1 个答案: