Html 为什么元素不是其父元素的边距?
我有一个.banner元素和一个h1标题。我想把这个标题放在横幅的中心,但当我试图给它留边距时,它似乎不是从横幅的上边框缩进的,而是从横幅上方的导航元素缩进的 在屏幕截图上,我使用了Chrome的工具,显示标题从导航元素结束的位置缩进 问题是什么?我如何解决?我们将非常感谢您的帮助和提示Html 为什么元素不是其父元素的边距?,html,css,margin,Html,Css,Margin,我有一个.banner元素和一个h1标题。我想把这个标题放在横幅的中心,但当我试图给它留边距时,它似乎不是从横幅的上边框缩进的,而是从横幅上方的导航元素缩进的 在屏幕截图上,我使用了Chrome的工具,显示标题从导航元素结束的位置缩进 问题是什么?我如何解决?我们将非常感谢您的帮助和提示 .container{ 宽度:1024px; 保证金:自动; 溢出:隐藏; } a{ 文字装饰:无; } /* *********** *=横幅 *********** */ .横幅{ 背景:url(../
.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;
}
- ззза
Цветочный Дом Полины
Новости нашего магазина
知识是一种美德,是一种美德,是一种美德,是一种美德。但是,在最低限度上,我们需要一个实验室来进行日常工作。两人或两人在一个无教区的房间里互相指责。
Наши последние работы
Во все времена цветы олицетворяют счастье, улыбку, радость, прекрасное настроение и чудеса. Именно цветами Вы можете рассказать о своих чувствах дорогим сердцу людям, поэтому многие тысячелетия люди стараются украсить свою жизнь и жизнь близких этими ароматными малыш