欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

用了float后div块之间的上下顺序不对了_html/css_WEB-ITnose

程序员文章站 2022-05-31 09:39:25
...
先看代码
用了float后div块之间的上下顺序不对了_html/css_WEB-ITnose
用了float后div块之间的上下顺序不对了_html/css_WEB-ITnose

#formpanel{	width:341px;	height:135px;	margin-left:auto;	margin-right:auto;	}#username_field{	margin-top:0px;	width:340px;	}#usernamepic{	float:left;	margin-top:0px;	margin-left:0px;}#inputfield{	float:right;	margin-top:0px;	margin-right:0px;	width:228px;	height:27px;}#password_field{	width:340px;}

现在出现的问题是我想出现这样的结果
但是却出现了这样的结果

我在password中设置margin-top却不管用,这是为什么?我想在两个input中间空出24个像素。


回复讨论(解决方案)

#password_field{
margin-top:10px;
width:340px;
}

用了float后div块之间的上下顺序不对了_html/css_WEB-ITnose
用了float后div块之间的上下顺序不对了_html/css_WEB-ITnose

最快的方法就是:
#password_field{
float:right;
width:340px;
margin-top:24px;
}

希望对你有帮助,欢迎回访!!

用户名同密码一样的布局为什么还要两个不同层,增加无谓的样式,



简单东西不要复杂化,html上面的足矣。