Html 左对正部分或div
我试图左对齐我的垂直菜单栏下面的部分,左对齐我的水平菜单栏下面的部分,但似乎无法确定我错在哪里 我使用了显示和浮动,但它们在垂直部分似乎不起作用 有什么想法吗?可能是我忽略了一个小细节Html 左对正部分或div,html,css,Html,Css,我试图左对齐我的垂直菜单栏下面的部分,左对齐我的水平菜单栏下面的部分,但似乎无法确定我错在哪里 我使用了显示和浮动,但它们在垂直部分似乎不起作用 有什么想法吗?可能是我忽略了一个小细节 /*部分-水平菜单栏*/ .水平菜单栏部分{ 宽度:100%; 浮动:左; 显示:块; 背景:#FFCC00; } /*部分-垂直菜单栏*/ .垂直菜单栏部分{ 浮动:左; 颜色:#999999; 背景:#FF0000; 字体系列:'Trebuchet MS',Tahoma,无衬线; 显示:块; }
/*部分-水平菜单栏*/
.水平菜单栏部分{
宽度:100%;
浮动:左;
显示:块;
背景:#FFCC00;
}
/*部分-垂直菜单栏*/
.垂直菜单栏部分{
浮动:左;
颜色:#999999;
背景:#FF0000;
字体系列:'Trebuchet MS',Tahoma,无衬线;
显示:块;
}
-
刚意识到我的问题是我没有利用属性clear:两者都是为了防止任何东西出现在我的部分的右侧(或左侧)
对我有效的解决方案是添加
clear:both
并移除浮动:左代码>属性。它在snippet@sanoj劳伦斯:我刚刚意识到我的问题是我没有利用这个属性:两者都是为了防止任何东西出现在我的部分的右侧(或左侧)。对我有效的解决方案是添加clear:both
并移除浮动:左代码>属性。