元素大于

时间:2016-12-03 10:39:12

标签: html css

我正在构建一个简单的反应应用程序。这是渲染后的index.html:

<html><head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Hello react!</title>
  <link rel="stylesheet" href="./dist/styles/main.css" type="text/css">
</head>
<body>
<div id="App"><div data-reactroot="" class="navbar"><p>This will be the navbar</p></div></div>
<script src="./dist/components/main.js"></script>

<style>
  body {
    margin: 0;
  }
</style>
</body></html>

到目前为止,我在main.css文件中的唯一裁决是:

.navbar{
  background-color:blue
}
#App{
  height:500px;
  background-color:pink
}

我的身体标签在开始之前会有一些空白区域会发生什么。在我的html和body标签上似乎没有边距或填充,但是不是从页面顶部开始,主体只是开始低几个像素......

因此<html>为400x516px,而<body>为400x500px。我希望主体完全填充html元素。

如果您需要更多信息,请询问或结帐git repo。运行npm run start将在8080打开服务器。

感谢您的帮助。

4 个答案:

答案 0 :(得分:3)

您的问题是p标签会自动从浏览器获取保证金,只需设置p{margin:0}即可。

或者从导航栏中删除<p>,因为我猜html最后会有其他内容。

答案 1 :(得分:0)

每个浏览器都有默认样式。 因此,如果你不使用重置css - 其他元素的正文和段落以及其他元素都有边距和填充等。 所以 body,p {margin:0}是你的朋友

答案 2 :(得分:0)

浏览器会在每个p{ margin:0; } 元素之前和之后自动添加一些边距。可以使用CSS修改边距。

所以设定,

String digit = binaryString.substring(i, i+1);

答案 3 :(得分:0)

尝试这样的事情。

# include <iostream>
# include <math.h>
using namespace std;
int main ()
{
     double a, b, Spa, Tim, Acc, Vel1, Vel2, Velocity, Space, Acceleration;
     cout << "Hello. This program may calculate velocity, space, time and acceleration.\n" << endl;
     cout << "Please, insert what you want to calculate.\n" << endl;
     cin >> a;
     do
     {
         cout << "Incorrect value.\n" << endl;
         cout << "Please, insert what you want to calculate.\n" << endl;
         cin >> a;
     }
     while (a != "Velocity" | a != "Acceleration");
     if (a == Velocity);
     {
         cout << "With space or acceleration value?\n" << endl;
         cin >> b;
         if (b == Space);
        {
            cout << "Insert space and time values.\n" << endl;
            cin >> Spa >> Tim;
            Vel1 = Spa / Tim;
            cout << "The velocity is " << Vel1 << " km/h.\n" << endl;
        }
        else
        {
            if (b == Acceleration);
            {
                cout << "Insert acceleration and time values.\n" << endl;
                cin >> Acc >> Tim;
                Vel2 = Acc / Tim;
                cout << "The velocity is " << Vel2 << " km/h.\n" << endl;
            }
        }
    }
}