元素float:right后换行右对齐了,而不是在同一水平位置右齐,真郁闷啊该怎么解决
日期：2014-05-17 浏览次数：20957 次
元素float:right后换行右对齐了,而不是在同一水平位置右齐,真郁闷啊
<!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>
<meta http-equiv= "Content-Type " content= "text/html; charset=gb2312 " />
<title> 无标题文档 </title>
<style type= "text/css ">
span{
float: right;
}
</style>
</head>
<body>
<div>
<ul>
<li> <a href= 'ShowArticle.asp?ArticleID=1429 ' title= 'asdfsdf ' target= '_blank '> asdfsdf </a> (2006-12-18 12:55:00) <span> test </span> </li>
</ul>
</div>
上面的test怎么到下面一行了啊?我是要它右对齐但不要换行的
</body>
</html>
------解决方案--------------------
位置的问题，float:right的span要放在 <a> 前面
<!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>
<meta http-equiv= "Content-Type " content= "text/html; charset=gb2312 " />
<title> float:right </title>
<style type= "text/css ">
span{
float: right;
}
</style>
</head>
<body>
<div>
<ul>
<li> <span> test </span> <a href= 'ShowArticle.asp?ArticleID=1429 ' title= 'asdfsdf ' target= '_blank '> asdfsdf </a> (2006-12-18 12:55:00) </li> </ul>
</div>
</body>
</html>
------解决方案--------------------
在CSS里,布局的时候,要从右往左布局的,
------解决方案--------------------
ice的话会误导人的
正确答案（应该正确的:P）是：
当非float的元素和float的元素在一起的时候，如果非float元素在先，那么float的元素将被排斥
也就是说，你的span是float:right，但是你的a还是float:none
如果要让两者占据同一行，要么你把span先于a显示，要么把a也设成float（float:left）
------解决方案--------------------
CSS 2.0手册，网上搜。
<!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>
<meta http-equiv= "Content-Type " content= "text/html; charset=gb2312 " />
<title> 无标题文档 </title>
<style type= "text/css ">
span{
float: right;
}
</style>
</head>
<body>
<div>
<ul>
<li> <a href= 'ShowArticle.asp?ArticleID=1429 ' title= 'asdfsdf ' target= '_blank '> asdfsdf </a> (2006-12-18 12:55:00) <span> test </span> </li>
</ul>
</div>
上面的test怎么到下面一行了啊?我是要它右对齐但不要换行的
</body>
</html>
------解决方案--------------------
位置的问题，float:right的span要放在 <a> 前面
<!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>
<meta http-equiv= "Content-Type " content= "text/html; charset=gb2312 " />
<title> float:right </title>
<style type= "text/css ">
span{
float: right;
}
</style>
</head>
<body>
<div>
<ul>
<li> <span> test </span> <a href= 'ShowArticle.asp?ArticleID=1429 ' title= 'asdfsdf ' target= '_blank '> asdfsdf </a> (2006-12-18 12:55:00) </li> </ul>
</div>
</body>
</html>
------解决方案--------------------
在CSS里,布局的时候,要从右往左布局的,
------解决方案--------------------
ice的话会误导人的
正确答案（应该正确的:P）是：
当非float的元素和float的元素在一起的时候，如果非float元素在先，那么float的元素将被排斥
也就是说，你的span是float:right，但是你的a还是float:none
如果要让两者占据同一行，要么你把span先于a显示，要么把a也设成float（float:left）
------解决方案--------------------
CSS 2.0手册，网上搜。
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
