<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不起作用。
divdisplay:inline不起作用，这么弄？望大神指点
答案:2 悬赏:0
解决时间 2021-12-22 06:35
- 提问者网友：浪子生来ˇ性放荡²↘
- 2021-12-21 08:40
最佳答案
- 二级知识专家网友：风格单纯
- 2021-12-21 09:33
我帮你改了一下
<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>
全部回答
- 1楼网友：猖狂的痴情人
- 2021-12-21 10:21
并排显示把两个div都添加float:left就可以了
我要举报
如以上问答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！
大家都在看
推荐资讯
| • 手机登qq时，显示手机磁盘不足，清理后重新登 |
| • 刺客的套装怎么选啊？ |