[已解决问题] 关于div的float属性的问题...
提问时间: 2008-08-12 22:43
悬赏分：50 浏览:550 次
关于利用float实现一行两个的div...
按照以下代码所写...
但是这样好像也浮动在了父div层上...如图：
请各位帮忙讲解一下...我是这方面的新人...
<HTML> <HEAD> <title>test</title> <meta name="GENERATOR" Content="Microsoft Visual Studio .NET 7.1"> <meta name="CODE_LANGUAGE" Content="C#"> <meta name="vs_defaultClientScript" content="JavaScript"> <meta name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5"> </HEAD> <body MS_POSITIONING="GridLayout"> <form id="Form1" method="post" runat="server"> <div style="BORDER-RIGHT:blue 1px solid; BORDER-TOP:blue 1px solid; BORDER-LEFT:blue 1px solid; LINE-HEIGHT:30px; BORDER-BOTTOM:blue 1px solid; TEXT-ALIGN:left"> <div style="BORDER-RIGHT:blue 1px solid; BORDER-TOP:blue 1px solid; FONT-WEIGHT:bold; FONT-SIZE:14px; FLOAT:left; VERTICAL-ALIGN:middle; OVERFLOW:hidden; BORDER-LEFT:blue 1px solid; WIDTH:100px; LINE-HEIGHT:30px; BORDER-BOTTOM:blue 1px solid; FONT-STYLE:normal; HEIGHT:30px; FONT-VARIANT:normal"> abc </div> <div style="BORDER-RIGHT:blue 1px solid; BORDER-TOP:blue 1px solid; FLOAT:right; BORDER-LEFT:blue 1px solid; BORDER-BOTTOM:blue 1px solid; HEIGHT:30px; TEXT-ALIGN:right"> abc </div> </div> </form> </body></HTML>最佳答案
你在要浮动的两个div后再加一个div，并设置样式为 clear: both，这样就可以了(因为clear:both说明这个div不允许左右有浮动元素，于是就往下跑，撑开了父div)，如下：
<div style="float:left;...">
abc
</div>
<div style="float:left;...">
abc
</div>
<div style="clear:both"></div>
你这种两列的情况，我一般都是两个都float:left
提问者对于答案的评价：学习CSS中...谢谢~
2008/8/13 0:41:01
回答者：水言木
提问者对于答案的评价：学习CSS中...谢谢~
其它回答(1)
|
补充：楼主已经在外层加了div，所以只需要在那个float:right的div后面加一行就可以了<div style="clear:both;"></div>
其实没有外层div的情况下使用这一行也可以实现目的，而那个float:right最好还是保留，这样可以保证两端对齐，中间的留白多或少几个像素关系不大，不然两端对齐会受浏览器兼容性的影响，不好搞了
另外有个建议，开发工具最好换换吧，你这个VS2003实在不是做这事的好工具，VS2005/2008都还好，这两个差别不大，不过VS2003就差得远了，无论速度还是功能上都有差距，对标准的支持VS2003根本就没有
再就是对于HTML/CSS，建议花两天的时间大概看一下，一共常用的只有二三十个定义，很容易搞得差不多明白，会对工作效率有很大帮助 |
评论