我的表格显示不正确

Question

In the screenshot that I hvae shared you can spot a form, at it is clearly visible that the form is shown with a scrollbar(ie the form has a lot of content to be displayed). 在我分享的屏幕快照中，您可以发现一个表单，可以很明显地看到该表单带有滚动条（即，表单中有很多内容要显示）。 What I,m trying to achieve is simply display the whole of the form on the parent webapage. 我想要实现的只是在父网页上显示整个表单。 I have shared the html as well as css of the main page visible , so that you can look and suggest the edits needed to be made in order to do so. 我已经共享了HTML以及可见主页的CSS，因此您可以查找并建议需要进行的编辑。

This page's code is 该页面的代码是

<!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>

and its corresponding css is 其对应的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;
}

Please suggest me the changes I need to make in order to display the form in the whole 'nav' tag area. 请向我建议我需要进行的更改，以便在整个“ nav”标签区域中显示表单。 Your help is really appreciated 非常感谢您的帮助

Answer 1

I finally figured it out , for some reason the new object that was being created inside 'nav' has some problem in it , made the following changes in my css 我终于弄清楚了，由于某种原因，在'nav'内创建的新对象存在一些问题，在css中进行了以下更改

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

and it worked like a marvel :) 它就像一个奇迹一样工作:)

我的表格显示不正确

问题描述

1 个解决方案

解决方案1
0 2016-06-30 09:26:33

我的表格显示不正确

问题描述

1 个解决方案

解决方案1 0 2016-06-30 09:26:33

解决方案1
0 2016-06-30 09:26:33