Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/35.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
Css 盒子不浮动_Css_Css Float - Fatal编程技术网

Css 盒子不浮动

Css 盒子不浮动,css,css-float,Css,Css Float,已经看过了,但没有找到合适的答案 我的问题很简单:试图漂浮,但没有成功 页面如下: 左边的红色框应该向左浮动,灰色框和菜单出现在右边 我使用的CSS如下所示: .logo2013, .logo2013 a{边距:0;宽度:220px;高度:120px;} .logo2013{float:left;} .logo2013{边框:1px实心#f00;边框左上半径:10px;} .logo2013 a{显示:块;文本缩进:-9999px;} .greybanner2013{高度:91px;线条高度:

已经看过了,但没有找到合适的答案

我的问题很简单:试图漂浮,但没有成功

页面如下:

左边的红色框应该向左浮动,灰色框和菜单出现在右边

我使用的CSS如下所示:

.logo2013,
.logo2013 a{边距:0;宽度:220px;高度:120px;}
.logo2013{float:left;}
.logo2013{边框:1px实心#f00;边框左上半径:10px;}
.logo2013 a{显示:块;文本缩进:-9999px;}
.greybanner2013{高度:91px;线条高度:1;背景:#f7f6f2左上;}
.greybanner2013{边框:1px实心#ddd;边框右上半径:10px;}
.greybanner2013.fontsize32 h2{填充顶部:5px;字体大小:32px;颜色:777;字体大小:粗体;边距:0;左边距:20px;}
.greybanner2013.foreign{字体大小:32px;颜色:#FF9300;字体重量:粗体;显示:内联;边距:0;左边距:20px;填充:0;}
.greybanner2013.翻译{字体大小:28px;颜色:#AAA;字体大小:正常;显示:内联;左边距:10px;}
/*菜单*/
.nav2013{高度:28px;背景色:#787065;边框:1px实心#ccc;}
.nav2013 ul{/*浮点:右;*/列表样式:无;边距:4px 0;填充:0}
.nav2013 li{float:左;padding:0 24px 0 22px;margin:0;右上角不重复*/}
.nav2013 li a{字体系列:Verdana、Arial、SunSans常规、无衬线;显示:块;颜色:#ebeae8;文本装饰:无;字体大小:12px;字体重量:粗体;}
.nav2013 li:最后一个子项{右键填充:15px;背景:无}
如有任何见解,将不胜感激

大卫这就是我所看到的

如果你想让红色的盒子一直向左浮动

然后将
logo2013
直接添加到
banner2013

它会创造这个

更新

我想你的问题是左上角的边界半径。这应该可以解决它

将此添加到
.greybanner2013

边框左上半径:10px

你放在那里的标志有一个像那样的边界半径,可以覆盖后面的灰色区域。 实际上,把红色的盒子放在左边并休息,同时保持它们在屏幕中间需要更多的工作和HTML和CSS的改变。p>
您可以将
logo2013
类的背景色设置为
white
,这样也会产生类似的效果

在firefox中看起来不错。它应该一直向左飘吗?嗨,大卫。我本来包括了一个图像显示它应该如何,但并没有足够的声誉,包括在图像中。(一个人需要10的名声)。请看一下这里的“应该是”图片:谢谢您的回复。哦。。。感谢您的回复。灰色和深灰色应位于红色框的右侧。也许我应该在这些上面“向右浮动”。仔细看一下左上角。红色为圆形,但灰色框也为不圆形。请参见www.linguashop.com/corner.bmp,这证明灰色框位于左边距的右侧。