Question

我有这个工作然后我改变了一些东西。无论我做什么（我已经尝试过一切），我都无法让showTable div向下或向右移动。它只是停留在顶部。 html显示有效。这是html：

style = "pedding:12px!important"

这是css：

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

任何帮助将不胜感激。提前谢谢。

Div不会向下或向右移动

0 个答案: