求教一个css的问题_html/css

 
Welcome to my blog
 <% Html.RenderPartial("LogOnUserControl"); %> <% Html.RenderPartial("UserMenuControl"); %> 

.page{ width: 90%; margin-left: auto; margin-right: auto;}#header{ position: relative; margin-bottom: 0px; color: #000; padding: 0;}div#title{ display:block; float:left; text-align:left;}#logindisplay{ font-size:1.1em; display:block; text-align:right; margin:10px; color:White;}#menucontainer{ margin-top:40px; }

回复讨论(解决方案)

#logindisplay
{
font-size:1.1em;
display:block;
text-align:right;
margin:10px;
color:White;
clear:both;
}


楼主 试试

我想问的是为什么，，

title 使用了float 脱离了文本流
logindisplay就跑上去了。

float:left的原因，给#logindisplay样式加一个clear:both;清楚浮动的样式

楼上的都是正解.

float:left的原因，给#logindisplay样式加一个clear:both;清楚浮动的样式


也可以将title的浮动去掉啊，感觉没有必要，如果title和logindisplay要在同一行面，你就要在logindisplay加个float：right；

title 使用了float 脱离了文本流 ，不在尊顺原来的文本流布局了，只是以父级为基础定位， 而其他的子级依然按照原来的文本流布局...这样
logindisplay 就占据了原来的title所在的位置，...logindisplay就跑上去了

建议了解一下浮动，文档流。