如何為div添加完整的背景色？

Question

我在rails應用程序上有一個ruby，我想為div加上全角的背景色，但是每次我有多余的左右和上邊距時都沒有成功。

這是我的代碼：

       <!DOCTYPE html>
<html lang="en">

<!-- header -->
<body>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">



<div class="homepage">
  <div class="container center">
    <div class="texthomepage1">
    <br>
    <font color="white"><p>Découvrez des startups</p></font>
    </div>
        <div class="texthomepage2">
        <p><font color="white">Faites les découvrir à vos amis & obtenez des récompenses.</font></p></font>
        </div>
        <br><br><br>
          <center>
           <!-- REGISTRATION FIELDS -->
           <div class="panel-body">
            <%= form_for(resource, :as => resource_name, :url => registration_path(resource_name)) do |f| %>
              <%= devise_error_messages! %>

            <div class="form-group">
            <%= link_to "Rejoindre Gratuitement", new_user_registration_path, class: "btn btn-lg btn-info" %>
            <% end %>
            <!-- /REGISTRATION FIELDS -->
            <br><br><br>
            </div>
            </div>
            </center>
  </div>
</div>

這是我的.homepage div的CSS：

    .homepage {
    background-color: #e4685d;
    margin: 0 
}

但是使用該代碼，我仍然留有余量，因此背景色不會覆蓋整個背景。

正確的方法是什么？

Answer 1

確保您的健身課沒有填充和邊距

body{padding:0;margin:0;}
.homepage {
background-color: #e4685d;
margin: 0;
}

Answer 2

嘗試：

body{
  margin:0;
}

另外，您的<meta /> ， <style>或<link>標記應位於<head>標記內。 請注意，您的<meta />標記位於<body> 。

如何為div添加完整的背景色？

問題描述

2 個解決方案

解決方案1
0 已采納 2014-03-04 00:17:33

解決方案2
0 2014-03-04 00:23:52

如何為div添加完整的背景色？

問題描述

2 個解決方案

解決方案1 0 已采納 2014-03-04 00:17:33

解決方案2 0 2014-03-04 00:23:52

解決方案1
0 已采納 2014-03-04 00:17:33

解決方案2
0 2014-03-04 00:23:52