Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/70.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_Margin - Fatal编程技术网

Html 为什么元素不是其父元素的边距?

Html 为什么元素不是其父元素的边距?,html,css,margin,Html,Css,Margin,我有一个.banner元素和一个h1标题。我想把这个标题放在横幅的中心,但当我试图给它留边距时,它似乎不是从横幅的上边框缩进的,而是从横幅上方的导航元素缩进的 在屏幕截图上,我使用了Chrome的工具,显示标题从导航元素结束的位置缩进 问题是什么?我如何解决?我们将非常感谢您的帮助和提示 .container{ 宽度:1024px; 保证金:自动; 溢出:隐藏; } a{ 文字装饰:无; } /* *********** *=横幅 *********** */ .横幅{ 背景:url(../

我有一个.banner元素和一个h1标题。我想把这个标题放在横幅的中心,但当我试图给它留边距时,它似乎不是从横幅的上边框缩进的,而是从横幅上方的导航元素缩进的

在屏幕截图上,我使用了Chrome的工具,显示标题从导航元素结束的位置缩进

问题是什么?我如何解决?我们将非常感谢您的帮助和提示

.container{
宽度:1024px;
保证金:自动;
溢出:隐藏;
}
a{
文字装饰:无;
}
/*
***********
*=横幅
***********
*/
.横幅{
背景:url(../img/banner1.jpg);
宽度:1024px;
高度:580px;
保证金:自动;
}
.横幅h1{
文本对齐:居中;
字体大小:100px;
字体大小:正常;
利润率:200px;
}
/*
***********
*=导航
***********
*/
导航{
左边距:-35px;
边际上限:0;
边缘底部:0px;
位置:相对位置;
}
李海军{
显示:内联;
}
导航,左导航{
利润上限:-20px;
右边距:0px;
宽度:200px;
浮动:对;
位置:相对位置;
填充顶部:20px;
}
#登录{
位置:绝对位置;
顶部:11px;
右:0;
}
收割台h3{
文本缩进:-9999px;
}
标题h3:之后{
明确:两者皆有;
显示:块;
内容:'';
可见性:隐藏;
身高:1%;
}
收割台h3 a{
背景:url(../img/cart.png)不重复;
宽度:48px;
高度:44px;
位置:绝对位置;
顶部:10px;
左:0;
填充:0;
}
标题h3 a:悬停{
背景色:白色;
}
导航a{
字体系列:“独立花”,草书;
字号:26px;
字母间距:3px;
右边距:5px;
颜色:#0d0d;
填充:10px 5px;
}
导航a:悬停{
背景色:#e8e8e8;
}

  • ззза
Цветочный Дом Полины
Новости нашего магазина 知识是一种美德,是一种美德,是一种美德,是一种美德。但是,在最低限度上,我们需要一个实验室来进行日常工作。两人或两人在一个无教区的房间里互相指责。

Наши последние работы Во все времена цветы олицетворяют счастье, улыбку, радость, прекрасное настроение и чудеса. Именно цветами Вы можете рассказать о своих чувствах дорогим сердцу людям, поэтому многие тысячелетия люди стараются украсить свою жизнь и жизнь близких этими ароматными малышками. В любой момент жизни цветы порадуют и вызовут искреннюю улыбку на лице.


您可以使用
填充顶部:185px而不是内部的边距
。横幅h1

.container{
宽度:1024px;
保证金:自动;
溢出:隐藏;
}
a{
文字装饰:无;
}
/*
***********
*=横幅
***********
*/
.横幅{
背景:url('https://images.designtrends.com/wp-content/uploads/2015/12/10131036/Yellow-Flower-Background.jpg")重要,;
宽度:1024px;
高度:580px;
保证金:自动;
}
.横幅h1{
文本对齐:居中;
字体大小:100px;
字体大小:正常;
利润率:200px;
填充顶部:185px;
}
/*
***********
*=导航
***********
*/
导航{
左边距:-35px;
边际上限:0;
边缘底部:0px;
位置:相对位置;
}
李海军{
显示:内联;
}
导航,左导航{
利润上限:-20px;
右边距:0px;
宽度:200px;
浮动:对;
位置:相对位置;
填充顶部:20px;
}
#登录{
位置:绝对位置;
顶部:11px;
右:0;
}
收割台h3{
文本缩进:-9999px;
}
标题h3:之后{
明确:两者皆有;
显示:块;
内容:'';
可见性:隐藏;
身高:1%;
}
收割台h3 a{
背景:url(../img/cart.png)不重复;
宽度:48px;
高度:44px;
位置:绝对位置;
顶部:10px;
左:0;
填充:0;
}
标题h3 a:悬停{
背景色:白色;
}
导航a{
字体系列:“独立花”,草书;
字号:26px;
字母间距:3px;
右边距:5px;
颜色:#0d0d;
填充:10px 5px;
}
导航a:悬停{
背景色:#e8e8e8;
}

  • ззза
Цветочный Дом Полины
Новости нашего магазина 知识是一种美德,是一种美德,是一种美德,是一种美德。但是,在最低限度上,我们需要一个实验室来进行日常工作。两人或两人在一个无教区的房间里互相指责。

Наши последние работы Во все времена цветы олицетворяют счастье, улыбку, радость, прекрасное настроение и чудеса. Именно цветами Вы можете рассказать о своих чувствах дорогим сердцу людям, поэтому многие тысячелетия люди стараются украсить свою жизнь и жизнь близких этими ароматными малыш