Question

Css：

<!DOCTYPE html>
<html>
<head>
    <title>Lotto weekend miljonairs</title>
    <link rel="stylesheet" type="text/css"        href="opslaan.css">
</head>
<body>
<div class="border" tabindex="8">
<?php
 // Maken van verbinding
 try {
 $db = new PDO('mysql:host=localhost;dbname=lotto', 'root','');
 }
 catch(PDOException $e) {
 echo $e->getMessage();
 }
 // De SQL opdracht
 $sql = "INSERT INTO spelers (voornaam, achternaam, leeftijd, woonplaats)
 VALUES ('$_POST[voornaam]','$_POST[achternaam]', '$_POST[leeftijd]','$_POST[woonplaats]')";
 $resultaat = $db->exec($sql);
 // Controle van de toegevoegde gegevens
 $sql = "SELECT * FROM spelers where voornaam = '$_POST[voornaam]'";
 $resultaat = $db->query($sql);
 foreach ($resultaat as $row) {
    echo '<p>';
    echo 'Voornaam:' .$row['voornaam'].'<br>';
    echo 'Achternaam:' .$row['achternaam'].'<br>';
    echo 'Leeftijd:' .$row['leeftijd'].'<br>';
    echo 'Woonplaats:' .$row['woonplaats'].'<br>';
    echo '</p>';
 }
    echo "<p><h2 class='uitleg'>is toegevoegd!</h2></p>";
?> 
<div class="pagina">
  <div class="border" tabindex="8">
    <form action="lotto.php?speler=1" class="form1" method="post">
      <input type="submit" name="submit" class="submit" value="Klik hier om te beginnen!" title="Klik hier om te beginnen!" >
    </form>
    <form action="SEG.php" method="post" class="form2">
      <input type="submit" name="terug" class="submit" value="Terug naar het menu." title="Terug">
    </form>
  </div>
</div>
</body>
</html>

php：

public MyDBHandler(){}

我的问题是按钮不在边框内，我不认为代码有任何问题，边框位于按钮下方，所以应该在按钮内部。

Answer 1

首先要看的是，在你关闭你的php标签后，你有一个结束</form>标签，但是我没有看到它在你的代码中打开，也许是＆＃ 39;是什么导致你的CSS麻烦？要回答第二个问题，请尝试在浏览器上进行硬刷新以清理缓存，Ctrl + F5或Ctrl + Shift + R应该可以在大多数浏览器中使用。

干杯

Answer 2

使用CSS向右或向左浮动元素时，它们与父元素相关的布局与您预期的不同。

您必须清除浮动，以便包含元素的高度将在其包含的浮动元素下方流动：

.border:after {
    content: '';
    display: block;
    clear: both;
}

这应该可以解决您的布局问题。但是，您可能希望通过使用PDO预处理语句来保护自己免受SQL注入攻击，从而改进PHP代码。将POST变量直接连接到SQL字符串是错误的方法。

Css似乎不起作用

2 个答案: