28,391
社区成员
发帖
与我相关
我的任务
分享怎样把两个在同一行显示? <div align="left">左对齐</div><div align="right">右对齐</div>
我想要这两个DIV同一行显示, 怎样做呢?
我想要这两个DIV同一行显示, 怎样做呢?
...全文
请发表友善的回复…
发表回复
satans18 2005-11-06
- 打赏
- 举报
看这个，好象是笨狼写的
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<HTML>
<HEAD>
<TITLE>DIV布局测试</TITLE>
<style>
div
{
height:750px;
}
div.left
{
width:20%;
float:left;
clear:right;
background-color:#eeeeee;
}
div.center
{
width:50%;
float:left;
clear:right;
background-color:#CCCCCC;
}
div.right
{
width:30%;
float:left;
clear:right;
background-color:#808080;
}
div.both
{
width:100%;
clear:both;
background-color:#696969;
}
</style>
</HEAD>
<BODY>
<div class="left">左侧</div>
<div class="center">中侧</div>
<div class="right">右侧</div>
<div class="both">全行</div>
<div class="left">左侧</div>
<div class="center">中侧</div>
<div class="right">右侧</div>
</BODY>
</HTML>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<HTML>
<HEAD>
<TITLE>DIV布局测试</TITLE>
<style>
div
{
height:750px;
}
div.left
{
width:20%;
float:left;
clear:right;
background-color:#eeeeee;
}
div.center
{
width:50%;
float:left;
clear:right;
background-color:#CCCCCC;
}
div.right
{
width:30%;
float:left;
clear:right;
background-color:#808080;
}
div.both
{
width:100%;
clear:both;
background-color:#696969;
}
</style>
</HEAD>
<BODY>
<div class="left">左侧</div>
<div class="center">中侧</div>
<div class="right">右侧</div>
<div class="both">全行</div>
<div class="left">左侧</div>
<div class="center">中侧</div>
<div class="right">右侧</div>
</BODY>
</HTML>
Initial_R 2005-11-06
- 打赏
- 举报
MSN Spaces 限制DIV的很多属性，style="float:XXX"是也是被限制的
-神仙- 2005-11-06
- 打赏
- 举报
外面的那个div可以不要
-神仙- 2005-11-06
- 打赏
- 举报
<div style="width:100%"><div style="float:left">left</div><div style="float:right">right</div></div>似乎楼主的意思是这样的
dh20156 2005-11-06
- 打赏
- 举报
syre(神仙)的更简单，支持。
-神仙- 2005-11-06
- 打赏
- 举报
<div style="float:left">1</div><div>2</div>
dh20156 2005-11-06
- 打赏
- 举报
TRY:
<div style="width:50%;position:absolute;left:10px;">左对齐</div>
<div style="width:50%;position:absolute;left:50%;text-align:right;">右对齐</div>
<div style="width:50%;position:absolute;left:10px;">左对齐</div>
<div style="width:50%;position:absolute;left:50%;text-align:right;">右对齐</div>
hansonboy 2005-11-06
- 打赏
- 举报
谢谢syre(神仙), 等下结贴
pcj2008 2005-11-06
- 打赏
- 举报
可以用table规范！^_^
