哪位大侠知道用DIV+CSS如何做出类似一行三列的效果呢？
如图左右两小黑椭圆#h1{width:12px;height:52px;}中间部分#h2{width:928px;height:35px;}右边小黑椭圆#h3{width...
如图左右两小黑椭圆#h1{width:12px;height:52px;}中间部分#h2{width:928px;height:35px;}右边小黑椭圆#h3{width:12px;height:52px;}
最关键的是左右两个椭圆高度和中间椭圆不一样，小弟初学也不知道如何将DIV进行对齐，希望哪位大侠可以帮帮忙。感激不尽！！希望把代码也发上来，谢谢各位了。。 展开
最关键的是左右两个椭圆高度和中间椭圆不一样，小弟初学也不知道如何将DIV进行对齐，希望哪位大侠可以帮帮忙。感激不尽！！希望把代码也发上来，谢谢各位了。。 展开
展开全部
每个里面加上float:left
中间的加上margin-top:8px
这个前,外面最好要有一层整个的DIV
#bo{height:52px; width:952px;}/*外面姿大码大DIV*/
#h1{width:12px;height:52px; float:left; background:#666666;}
#h2{width:928px;height:35px;background:#cccccc; margin-top:8px;float:left;}
#h3{width:12px;background:#666666;height:52px;float:left;}
另外,把习惯改改,不要动不动就全用#号,一般加样式都仿袜用class的.号，调用用class=，id、#号一般都是指迹哪定某一模块
中间的加上margin-top:8px
这个前,外面最好要有一层整个的DIV
#bo{height:52px; width:952px;}/*外面姿大码大DIV*/
#h1{width:12px;height:52px; float:left; background:#666666;}
#h2{width:928px;height:35px;background:#cccccc; margin-top:8px;float:left;}
#h3{width:12px;background:#666666;height:52px;float:left;}
另外,把习惯改改,不要动不动就全用#号,一般加样式都仿袜用class的.号，调用用class=，id、#号一般都是指迹哪定某一模块
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//键乎EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />圆亮桥
<title>无标题文档</title>
</head>
<style>橘猛
#h1{width:12px;height:52px; background-color:#000000;float:left;}
#h2{width:928px;height:35px; margin-left:5px; background-color:#FF0000; float:left;
}
#h3{width:12px;height:52px; margin-left:5px; background-color:#00FF00;float:left;}
body{ width:1200px; height:auto;}
</style>
<body>
<div id="h1"></div>
<div id="h2"></div>
<div id="h3"></div>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />圆亮桥
<title>无标题文档</title>
</head>
<style>橘猛
#h1{width:12px;height:52px; background-color:#000000;float:left;}
#h2{width:928px;height:35px; margin-left:5px; background-color:#FF0000; float:left;
}
#h3{width:12px;height:52px; margin-left:5px; background-color:#00FF00;float:left;}
body{ width:1200px; height:auto;}
</style>
<body>
<div id="h1"></div>
<div id="h2"></div>
<div id="h3"></div>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
可以把中间的一块上下多截点,和两边一样高.
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
