Html Div不会向下或向右移动
我让这个工作,然后我改变了一些东西。无论我做什么(我已经尝试了一切),我都无法让可展示的div向下或向右移动。它只是固定在顶部。html显示为有效。以下是html:Html Div不会向下或向右移动,html,css,Html,Css,我让这个工作,然后我改变了一些东西。无论我做什么(我已经尝试了一切),我都无法让可展示的div向下或向右移动。它只是固定在顶部。html显示为有效。以下是html: <!DOCTYPE html> <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>Agent QC Appl
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>Agent QC Application</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"
integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"/>
<link href="static/css/styles.css" rel="stylesheet" type="text/css">
</head>
<body>
<div class="container">
<div id="header">
<p id="title">PNR File Finish</p>
</div>
<div id="leftside">
<form>
<label for="comp_name">Company:</label><br/> <input id="comp_name" type="text" value="" size="30" maxlength="50"/><br/><br/>
<label for="nick">Company Code:</label><br/> <input id="nick" type="text" value="" size="4" maxlength="4"/><br/><br/>
<label for="clientID">ClientID:</label><br/> <input id="clientID" type="text" value="" size="10" maxlength="10"/><br/><br/>
<label for="recloc">Record Loc:</label><br/> <input id="recloc" type="text" value="" size="10" maxlength="6"/><br/><br/>
</form>
<p id="info">Please be sure Client Name and Client ID are correct before running File Finishing!</p>
<button id="shwTbl" class="btn btn-primary btn-md active">Run File Finish</button>
<hr>
<a href="#" class="btn btn-primary btn-md active">Reload PNR</a><br/><br/>
<p id="info2">If Customer information is incorrect, reload underlying PNR</p>
</div>
<div id="showTable">
</div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script type="text/javascript" src="static/js/start.js"></script>
</body>
</html>
任何帮助都将不胜感激。提前感谢。页边距顶部和左侧正在工作。问题是什么/应该放在哪里?可能有更多的CSS没有包括进去,这会导致出现问题。您提供的html/css在我看来很好。“showTable”div无论我做什么都不会向下移动。它在div内部使用Ajax调用,但这不会有什么区别。我已经将代码复制到CodePen中,但后来更改了某些内容,无法使其再次工作。我将您的代码复制到CodePen中,它工作正常吗?您确定所有内容都包括正确吗。
body {
background-color: white;
}
.container{
width: 1200px;
height: 800px;
backround-color: #FAEBD7;
}
#header{
height: 50px;
background-color: darkblue;
}
#title{
text-align: center;
color: white;
font-size: 30px;
padding-top: 5px;
}
#leftside{
width: 300px;
float: left;
height: 550px;
border: 1px solid darkblue;
padding-top: 20px;
padding-left: 5px;
padding-right: 5px;
margin-top: 50px;
}
#info{
color: darkred;
}
#info2{
color: darkred;
}
#showTable {
width: 500px;
float: left;
margin-top: 50px;
margin-left: 100px;
}