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不起作用。 展开
<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不起作用。 展开
2个回答
展开全部
我帮你改了一下
<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>
<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>
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询