Html 间距奇异性_Html_Css_Spacing

Html 间距奇异性

html css

Html 间距奇异性,html,css,spacing,Html,Css,Spacing,所以，我只是使用了一点HTML/CSS，我遇到了一点间距难题。这是我的密码 HTML: 我已经在Chrome和Firefox上进行了测试。我希望容器中的块填充空间，但是您可以看到有一个空白。我不明白为什么会这样。我已经能够操纵它，但我宁愿学习纠正这一点的最佳实践方法，而不是我的临时方法空白有两个原因： 1）内部div有一个边距 2）内联块元素由HTML中的物理空格分隔。空白有两个原因： 1）内部div有一个边距 2）内联块元素由HTML中的物理空格分隔。您必须从css中删除页边距。您必

所以，我只是使用了一点HTML/CSS，我遇到了一点间距难题。这是我的密码

HTML:

我已经在Chrome和Firefox上进行了测试。我希望容器中的块填充空间，但是您可以看到有一个空白。我不明白为什么会这样。我已经能够操纵它，但我宁愿学习纠正这一点的最佳实践方法，而不是我的临时方法

空白有两个原因：

1）内部div有一个边距

2）

内联块

元素由HTML中的物理空格分隔。

空白有两个原因：

1）内部div有一个边距

2）

内联块

元素由HTML中的物理空格分隔。

您必须从css中删除页边距。

css显示-与两个文字之间相同

1选项是注释掉html中div之间的所有空白-

在这两种情况下，内部div周围都不能有任何边距。

CSS显示-与两个文字之间的边距相同

1选项是注释掉html中div之间的所有空白-

在这两种情况下，您不能在内部div周围留有任何空白。

@deathApril先生，您能详细说明您的评论吗？我没有明白你想指出的。有两个问题，不仅仅是边际问题-见吉姆·科特或我的回答谢谢你的回答，先生，现在我明白了。：）@迪塔普里尔先生，你能详细谈谈你的意见吗？我没有明白你想指出的。有两个问题，不仅仅是边际问题-见吉姆·科特或我的回答谢谢你的回答，先生，现在我明白了。：）我去掉了页边空白，但我指的是左边和底部的空白。我知道我们使用%所有的东西加起来必须是100%，否则它会把下一个街区移到下一行。然而，当区块加起来达到90%时，容器和div的底部和左侧都有超过10%的间隙。我删除了边距，但是我所指的空白是左侧和底部的大间隙。我知道我们使用%所有的东西加起来必须是100%，否则它会把下一个街区移到下一行。然而，当块加起来达到90%时，容器底部和左侧以及div之间的间隙超过10%。

<!DOCTYPE html> 
<html> 
<head> 
<title>Tic Tac Toe Demo</title> 
<link rel='stylesheet' type='text/css' href='styles/styles.css'>
</head> 
<body>
<div id='container'>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
</div> 
</body> 
</html>

body{
    background-color: grey;
    height: 1080px;
    width: 50%;
    margin: 0 auto;
}

#container{
    height: 100%;
    width: 100%;
    background-color: white;
}

div div{
    display: inline-block;
    background-color: grey;
    height: 25%;
    width: 25%;
    margin: 5px;
}

<div id='container'><!--
    --><div></div><!--
    --><div></div><!--
    ...

div div{
    display: block;
    float: left;
    ...