»
游客:
注册
|
登录
|
搜索
|
统计
|
喜悦证交所
|
帮助
喜悦国际村
»
XML/HTML/CSS/Js
» 关于CSS的显示
招聘PHP开发人员(北京)
上一主题
下一主题
标题: [问题] 关于CSS的显示
zhuxun
(zhuxun)
注册会员
一般会员
UID 28521
精华 0
积分 78
帖子 82
金钱 78 喜悦币
威望 0
人脉 0
阅读权限 20
注册 2004-5-13
状态 离线
[广告]:
代充Paypal帐号美元
关于CSS的显示
CODE:
[Copy to clipboard]
<!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)
版主
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
skoy
新手上路
初级会员
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
可打印版本
|
推荐给朋友
|
订阅主题
|
收藏主题
|
开通个人空间
论坛跳转 ...
技术论坛
> php基础编程
> PHP高级编程
> XML/HTML/CSS/Js
> 代码共享
> 建站讨论
> 喜悦原创
> 开源程序论坛
> ECShop官方技术论坛
> LAMP进阶文章
> JAVA/C/C++
> Windows/软硬件
> linux技术
> 数据库技术
非技术论坛
> 娱乐乐园
> 招聘&求职
> 跳蚤市场
> 广告时间
> 联盟项目组
> 站务问题
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