Question

我有以下HTML代码：

<form class="form" action="search.php" method="POST">
    <input type="text" id="searchBox" name="name" placeholder="Enter name" oninput="search(this.value)">
</form>

我希望这种形式能覆盖整个窗口的宽度。我正在使用下面的CSS进行此操作：

.form{
  display: block;
  float:left;
  width: 100%;
  height: 40px;
  background-color: yellow;
  border:none;
}

但是，它没有达到全宽。双方都留有少量利润。

<form>包含在<body>中，并带有以下CSSss：

body{
  background-attachment: fixed;
  background-size: 1150px 950px;
  background-repeat: repeat-x;
}

Answer 1

添加此CSS，将起作用。：）

body{
margin : 0px;
padding : 0px
}

HTML标记即使宽度为100％也不能用CSS填充屏幕宽度

1 个答案: