div display:inline 不起作用,这么弄?望大神指点

<html><head><title>默认页</title></head><body><divstyle="background-color:#FFC8B4;width:... <html >
<head>
<title>默认页</title>

</head>
<body >
<div style="background-color:#FFC8B4; width:1000px; height:500px; border:1px solid #FFC8B4;margin:20px auto;height:500px;">
<div style="background-color:#FF7744;width:1000px; height:75px;">
logo
</div>
<div style="background-color:#00DD77;width:1000px; height:75px;">
导航
</div>
<div style="background-color:#0088A8;width:300px; height:350px;">左</div>
<div style="background-color:#AAFFFF;width:700px; height:350px;display:inline;">

//这里的不起作用 <div style="background-color:#E63F00;width:700px; height:70px;">
右上
</div>
<div style="background-color:#AA0000;width:700px; height:280px;">
右下
</div>
</div>

</div>
</body>
</html>
想让两个div并排显示,但是display:InLine不起作用。
展开
 我来答
手把手撸码前端
2012-09-13 · TA获得超过141个赞
知道小有建树答主
回答量:217
采纳率:100%
帮助的人:87.5万
展开全部
我帮你改了一下

<html >
<head>
<title>默认页</title>

</head>
<body >
<div style="background-color:#FFC8B4; width:1000px; height:500px; border:1px solid #FFC8B4;margin:20px auto;height:500px;">
<div style="background-color:#FF7744;width:1000px; height:75px;">
logo
</div>
<div style="background-color:#00DD77;width:1000px; height:75px;">
导航
</div>
<div style="background-color:#0088A8;width:300px; height:350px;">左</div>
<div style="background-color:#AAFFFF;width:700px; height:350px;display:inline;">

//这里的不起作用
<div style="background-color:#E63F00;width:300px; height:70px;float:left;">
右上
</div>
<div style="background-color:#AA0000;width:300px; height:70px;float:left;">
右下
</div>
</div>

</div>
</body>
</html>

主要改了这些地方

<div style="background-color:#E63F00;width:300px; height:70px;float:left;">
右上
</div>
<div style="background-color:#AA0000;width:300px; height:70px;float:left;">
右下
</div>
本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
相逢翔风
2012-09-13 · TA获得超过945个赞
知道小有建树答主
回答量:1278
采纳率:50%
帮助的人:778万
展开全部
并排显示把两个div都添加float:left就可以了
本回答被提问者采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式