喜悦国际村 
» 游客:  注册 | 登录 | 搜索 | 统计 | 喜悦证交所 | 帮助

RSS 订阅当前论坛  

招聘PHP开发人员(北京)

上一主题 下一主题
     
标题: [问题] 关于CSS的显示  
 
zhuxun (zhuxun)
注册会员
Rank: 2
一般会员



UID 28521
精华 0
积分 78
帖子 82
金钱 78 喜悦币
威望 0
人脉 0
阅读权限 20
注册 2004-5-13
状态 离线
[广告]: 代充Paypal帐号美元
关于CSS的显示



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css">
* {
        margin:0px;
        padding:0px;
        border:0px;
}
#main {
        width:400px;
        height:200px;
        background-color:red;
}
#mleft {
        width:200px;
        height:200px;
        float:left;
        background-color:blue;
}
#mright {
        width:200px;
        height:200px;
        background-color:pink;
}
</style>
</head>
<body>

<div id="main">
<div id="mleft">left</div>
<div id="mright">right</div>
</div>

</body>
</html>
为什么上面的 mleft 和 mright 会换行呢,如果要并列为什么非要在 mright 中加上 ”float:right;“?
2007-10-31 08:37 PM#1
查看资料  发短消息  顶部
 
wzhu (wzhu)
版主
Rank: 7Rank: 7Rank: 7
C[A-Z]O


UID 68040
精华 0
积分 47793
帖子 1568
金钱 47770 喜悦币
威望 0
人脉 23
阅读权限 100
注册 2006-1-14
来自 湖北荆州>陕西西安>辽宁 ...
状态 离线
[广告]: 代充Paypal帐号美元
因为DIV是块级元素.就算他的width是1px,也会占一行.
要么float,要们设置 display: inline;




<?wzhu
wzhu.print("http://www.cncmm.com");
?>
2007-11-1 08:02 AM#2
查看资料  访问主页  Blog  发短消息  QQ  顶部
 
skoy
新手上路
Rank: 1
初级会员


UID 63622
精华 0
积分 15
帖子 52
金钱 15 喜悦币
威望 0
人脉 0
阅读权限 10
注册 2005-3-21
状态 离线
[推荐阅读] 关于从数据库输出不包含换行符文本的自动换行问题
如楼上所言每个 div块 默认都是自占一行,float是div的浮动属性,left浮在左边,right 浮在右边,相对于上面代码<div id="main"></div>里



我是新手!
2007-11-1 03:47 PM#3
查看资料  发短消息  顶部
     


  可打印版本 | 推荐给朋友 | 订阅主题 | 收藏主题 | 开通个人空间  


 




Powered by Discuz! 6.1.0  © 2001-2010 Comsenz Inc.
Processed in 0.028867 second(s), 6 queries

(冀ICP备05009913号) 管理员:sadly 邮箱/MSN: sadly@phpx.com QQ:824008(长隐) 清除 Cookies - - Archiver - WAP