div不听话啊位置不对,咋回事呢
日期：2014-05-18 浏览次数：20603 次
div不听话啊,位置不对,怎么回事呢?
<body style="text-align:left; margin:0px auto; padding:0px; border:0px; width:850px; font-family:宋体; font-size:12px">
<form id="form1" runat="server">
<div style="width:850px">
<div style="width:550px; height:20px; float:left;border:solid 1px red">这个是标题</div>
<div style="width:550px; height:100px; float:left;border:solid 1px blue">这个是内容</div>
<div style="width:250px; height:120px; float:left;border:solid 1px green">这个是右边</div>
</div>
</form>
</body>
怎么右边的会在标题框下边一点的呢?不可以平着标题框吗?
------解决方案--------------------
估计是你的宽度相加大于850吧，因为有border
------解决方案--------------------
------解决方案--------------------
不听话就抽它
------解决方案--------------------
你把宽度设置为百分比吧
<body style="text-align:left; margin:0px auto; padding:0px; border:0px; width:850px; font-family:宋体; font-size:12px">
<form id="form1" runat="server">
<div style="width:850px">
<div style="width:550px; height:20px; float:left;border:solid 1px red">这个是标题</div>
<div style="width:550px; height:100px; float:left;border:solid 1px blue">这个是内容</div>
<div style="width:250px; height:120px; float:left;border:solid 1px green">这个是右边</div>
</div>
</form>
</body>
怎么右边的会在标题框下边一点的呢?不可以平着标题框吗?
------解决方案--------------------
估计是你的宽度相加大于850吧，因为有border
------解决方案--------------------
------解决方案--------------------
不听话就抽它
------解决方案--------------------
你把宽度设置为百分比吧
- HTML code
<body style="text-align:left; margin:0px auto; padding:0px; border:0px; width:100%; font-family:宋体; font-size:12px"> <form id="form1" runat="server"> <div style="width:85%">
------解决方案--------------------
- HTML code
<body style="text-align:left; margin:0px auto; padding:0px; border:0px; width:850px; font-family:宋体; font-size:12px"> <form id="form1" runat="server"> <div style="width:850px"> <div style="width:550px; float:left;border:"> <div style="width:550px; height:20px; float:left;border:solid 1px red">这个是标题</div> <div style="width:550px; height:100px; float:left;border:solid 1px blue">这个是内容</div> </div> <div style="width:250px; height:120px; float:left;border:solid 1px green">这个是右边</div> </div> </form> </body>
------解决方案--------------------
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
