两个DIV并排的问题

nali29 2010-05-24 01:43:28



<div style="width:400px;float:left"></div>

<div style="width:400px;float:right"></div>

我现在像这样让两个div并排在一行上显示，但是当浏览器的宽度缩小到一定程度后右边那个div还是会到左边那个div下面去，请问有办法解决这个问题吗？

...全文

441 11 打赏收藏转发到动态举报

写回复

用AI写文章

11 条回复

切换为时间正序

请发表友善的回复…

发表回复

zhouzangood 2010-05-24

打赏
举报

121554

newdigitime 2010-05-24

打赏
举报

给这两孩子找一个妈,让妈的width固定.

aluogang 2010-05-24

打赏
举报

[Quote=引用 1 楼 skep99 的回复:]
外面再放一个div
[/Quote]
up

ZCB888 2010-05-24

打赏
举报

在外面搞一个div，把那两个放到里面或者用表格

Ricercar 2010-05-24

打赏
举报



<div>

    <div style="float:left;width:300px;"></div>

    <div style="margin-left:300px;width:auto;"></div>

    <div style="clear:both"></div>

</div>

李班头 2010-05-24

打赏
举报

楼上的回答很好啊，帮楼主顶贴接分，(*^__^*) 嘻嘻……

cfesc9 2010-05-24

打赏
举报

为避免把右边的挤到左边的下面，楼主可以再它们两个外边加上一个框，用一个定宽，只要里边的两个宽度和小于外边的框的宽就不会再被挤了。你上边的里边两个也是用的定宽，所以外边的框也可以设定宽。

gll062 2010-05-24

打赏
举报

#content #LeftMenu

{

	width: 300px;

	clear: right;

	float: left;

	background-color: #FF66CC;

}

#content #Main

{

	width: 724px;

	clear: left;

	float: right;

	background-color: #00FFCC;

	height: 11px;

}

LeftMenu和Main是两个并排的div

nocallstle 2010-05-24

打赏
举报

<head runat="server">

    <title></title>

    <style type="text/css">

        *{ width:100%; margin:0px auto;}

    body{ width:100%; padding:0px; margin:0px auto;}

    </style>

</head>

<body>

    <form id="form1" runat="server">

    <div style="width:1003px; height:auto">

    <div style="float:left; width:400px; border:1px solid #CCC; height:20px;"></div>

    <div style="float:right; width:400px; border:1px solid #CCC;  height:20px;"></div></div>

    </form>

</body>

</html>