Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/89.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 左对正部分或div_Html_Css - Fatal编程技术网

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
并移除
浮动:左属性。