Html 使用float时,将忽略边距

Html 使用float时,将忽略边距,html,css,e-commerce,Html,Css,E Commerce,我正在尝试为我的网站创建一个导航栏。除了购物车选项之外,我想输入一个购物车图像。我试着用float:对;以及能够定位此元素的边距。由于某种原因,保证金被忽略,不起作用。我看过无数关于这个话题的问题,但没有一个答案与我的问题相关。非常感谢您的帮助。再一次,我明白他们对我的问题提出了很多问题,但没有一个得到解决。我也试过填充,但也没用。提前感谢您的帮助。非常感谢。下面是我的代码: .cart{ 明确:两者皆有; 左边距:975px; 利润上限:-25px; 浮动:对; 显示:块; 溢出:自动; }

我正在尝试为我的网站创建一个导航栏。除了购物车选项之外,我想输入一个购物车图像。我试着用float:对;以及能够定位此元素的边距。由于某种原因,保证金被忽略,不起作用。我看过无数关于这个话题的问题,但没有一个答案与我的问题相关。非常感谢您的帮助。再一次,我明白他们对我的问题提出了很多问题,但没有一个得到解决。我也试过填充,但也没用。提前感谢您的帮助。非常感谢。下面是我的代码:

.cart{
明确:两者皆有;
左边距:975px;
利润上限:-25px;
浮动:对;
显示:块;
溢出:自动;
}


当您使用
float:right
时,合乎逻辑地使用
margin right
属性,因为
float:right
会将项目推到最右侧,如果您想在元素和最右侧边界之间设置一些边距,则必须使用
margin right

相反的方法将不起作用,因为您正在将元素设置为向右浮动,但同时您正在设置其左边距,该边距将被float属性覆盖

设置左边距也是一种硬编码的解决方案,即您不知道在不同的屏幕大小上需要多大的边距。但相反,你很可能从右边知道利润应该有多大

请看下面的片段

.cart{
明确:两者皆有;
利润上限:-25px;
右边距:50px;
浮动:对;
显示:块;
溢出:自动;
}


当您使用
float:right
时,合乎逻辑地使用
margin right
属性,因为
float:right
会将项目推到最右侧,如果您想在元素和最右侧边界之间设置一些边距,则必须使用
margin right

相反的方法将不起作用,因为您正在将元素设置为向右浮动,但同时您正在设置其左边距,该边距将被float属性覆盖

设置左边距也是一种硬编码的解决方案,即您不知道在不同的屏幕大小上需要多大的边距。但相反,你很可能从右边知道利润应该有多大

请看下面的片段

.cart{
明确:两者皆有;
利润上限:-25px;
右边距:50px;
浮动:对;
显示:块;
溢出:自动;
}


谢谢您的帮助。你解决了我的问题。非常感谢你。我现在就接受答案!很高兴帮助你谢谢你的帮助。你解决了我的问题。非常感谢你。我现在就接受答案!很高兴帮助你