gpt4 book ai didi

html - 我的表格没有正确显示

转载 作者:行者123 更新时间:2023-11-28 05:37:36 25 4
gpt4 key购买 nike

在我分享的截图中你可以看到一个表单,可以清楚地看到表单显示有一个滚动条(即表单有很多内容要显示)。我想要实现的只是在父网页上显示整个表单。我已经共享了主页可见的 html 和 css,以便您可以查看并建议需要进行的编辑,以便这样做。 enter image description here

这个页面的代码是

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

请建议我需要进行哪些更改才能在整个“导航”标记区域中显示表单。非常感谢您的帮助

最佳答案

我终于弄明白了,出于某种原因,在“nav”中创建的新对象存在一些问题,在我的 css 中进行了以下更改

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

它就像一个奇迹:)

关于html - 我的表格没有正确显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38102733/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com