Warning: file_get_contents(/data/phpspider/zhask/data//catemap/6/xamarin/3.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 为什么我的<;导航>;元素忽略保证金规则?_Html_Css - Fatal编程技术网

Html 为什么我的<;导航>;元素忽略保证金规则?

Html 为什么我的<;导航>;元素忽略保证金规则?,html,css,Html,Css,我试图在我的周围创建10px的空白 我尝试添加边距:10px和页边距底部:10px但是我的导航列表被粘在我的上 我怎样才能将navlist周围的所有内容都“推”10px,这样在class=navlist和id=header之间就有了空白 这是我的html和css: .navlist{ 利润率:20px; 填充:20px; 背景色:浅绿色; 文本对齐:居中; 显示:内联; 边框:5px纯黑; } #标题{ 背景色:黑色; 颜色:白色; 填充物:5px; } 弗鲁索顿先生{ 线高:30px; 背景

我试图在我的
周围创建10px的空白

我尝试添加
边距:10px
页边距底部:10px但是我的
导航列表
被粘在我的

我怎样才能将
navlist
周围的所有内容都“推”10px,这样在
class=navlist
id=header
之间就有了空白

这是我的html和css:

.navlist{
利润率:20px;
填充:20px;
背景色:浅绿色;
文本对齐:居中;
显示:内联;
边框:5px纯黑;
}
#标题{
背景色:黑色;
颜色:白色;
填充物:5px;
}
弗鲁索顿先生{
线高:30px;
背景色:#eeeeee;
高度:300px;
宽度:100px;
浮动:左;
填充物:5px;
}
#部分{
宽度:350px;
浮动:左;
填充:10px;
}
#页脚{
背景色:黑色;
颜色:白色;
明确:两者皆有;
文本对齐:居中;
填充物:5px;
}

城市画廊

伦敦
巴黎
东京 伦敦 伦敦是英国的首都。它是英国人口最多的城市,拥有超过1300万居民的大都市区

伦敦坐落在泰晤士河上,两千年来一直是一个重要的定居点,其历史可以追溯到罗马人建立时,罗马人将其命名为Londinium

版权所有©W3Schools.com
您的
导航
具有
显示:内联
。切换到
显示:内联块

inline
元素忽略上下页边距

根据报告:

9.4.2内联格式上下文

在内联格式上下文中,框是水平排列的,一个 在另一个之后,从包含块的顶部开始。 水平边距、边框和填充在这三者之间 盒子

尊重水平边距。垂直页边距不可用

在这种情况下,水平和垂直边距都受到尊重