Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/34.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 对于具有float none属性的div,边距值不起作用_Html_Css - Fatal编程技术网

Html 对于具有float none属性的div,边距值不起作用

Html 对于具有float none属性的div,边距值不起作用,html,css,Html,Css,我想将一个div居中。我使用了margin和float属性。但是margin值不能正常工作 .body{ 宽度:100%; 浮动:左; } .内容{ 宽度:70px; 保证金:10px自动10px自动; 浮动:无; 边框:1px纯红; } .content p{float:left;margin:0;} 大家好 最好不要使用float居中,因为它会使元素脱离正常的文档流。将边距改为“自动”居中 HTML 您可以尝试: body{ margin:0px; } .container{

我想将一个div居中。我使用了margin和float属性。但是margin值不能正常工作

.body{
宽度:100%;
浮动:左;
}
.内容{
宽度:70px;
保证金:10px自动10px自动;
浮动:无;
边框:1px纯红;
}
.content p{float:left;margin:0;}

大家好

最好不要使用float居中,因为它会使元素脱离正常的文档流。将边距改为“自动”居中

HTML

您可以尝试:

body{
 margin:0px;
}

.container{
   width: 100%;
}
.content{
   display:block;
   width: 70px;
   margin: 10px auto;
}

驾驶室在中间。您发布的内容可能是:
.body
顶部有一个额外的空间吗?我编辑了代码…现在更改边距值,即顶部和底部的值,并查看从何处开始尝试
。内容{overflow:hidden;}
此处不存在居中问题。当我们更改页边距顶部和底部值时。尤其是页边距底部值,它从上方开始,而不是从下方开始
 .body{
  width: 100%;
 }
 .content{
 display:block;
 width: 70px;
 margin: 10px auto;
 }
body{
 margin:0px;
}

.container{
   width: 100%;
}
.content{
   display:block;
   width: 70px;
   margin: 10px auto;
}