html调整div上下顺序,用了float后div块之间的上下顺序不对了_html/css

先看代码

#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;

}

最快的方法就是：

#password_field{

float:right;

width:340px;

margin-top:24px;

}

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

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

用户名：

密码：

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

声明：本文原创发布php中文网，转载请注明出处，感谢您的尊重！如有疑问，请联系admin@php.cn处理

html调整div上下顺序,用了float后div块之间的上下顺序不对了_html/css_WEB-ITnose相关推荐

Static静态代码块以及各代码块之间的执行顺序
前言在Java中,Static静态代码块.构造代码块.普通代码块.构造函数的执行顺序是一个java学习者必须掌握的基础,本篇博客旨在让大家能清除了解它们之间的执行顺序. 文章目录代码块的分类 1. ...
div设置float后下一个div要换行的解决办法
div设置float之后,如果没有清除,则下一个被设置float的div会根据上一个float的div的布局进行排版:而下一个没设置float属性的div则是根据它的前一个元素进行排版. 要清除flo ...
float对div宽度的影响
为什么80%的码农都做不了架构师?>>> 一直以为float属性不会对div的宽度或高度有什么影响.但是,这两天我发现在float对div宽度的影响是显著的. 首先div的默 ...
div+css中设置了float属性后如何让外层的高度随着内层的高度大小自动调整
overflow:hidden这个CSS样式是大家常用到的CSS样式,但是大多数人对这个样式的理解仅仅局限于隐藏溢出,而对于清除浮动这个含义不是很了解. 一提到清除浮动,我们就会想到另外一个CSS样式 ...
用html5 float页面,如何让float在div下面
设置了float的div在页面如何居中? 比如有5个float的div 每个为300*300 ,怎么设置CSS让页面在任何分辨率下你要的效果是做不出来的你给了 float:left;的话始终就 ...
html div css盒子,CSS盒子模式一(DIV布局快速入门)_html/css_WEB-ITnose
中心最新招了几十个人,我也成小旋风了,看来这个山头还得呆几天.毕竟有几十口子人哪,咋能撒手不管啊!我就先发个贴热热身!也希望前几届的师哥师姐多多指教. 我们在网页设计中常听的属性名:内容(conte ...
html css 3 div并排,CSS-并排对齐两个div
CSS-并排对齐两个div 这个问题已经在这里有了答案: 并排对齐元素 3个答案我有一个小问题. 我正在尝试使用CSS并排对齐两个div,但是,我希望将中心div在页面中水平居中放置,我通过使用以 ...
设置float后，后面的元素位置问题。
这个主要看后面这个元素是块级元素还是行级元素.如果后面的元素是块级元素.例如 <style>#one{height:50px;width:100px;float: left;backgro ...
你好，C++（18）到底要不要买这个西瓜？4.1.6 操作符之间的优先顺序
4.1.6 操作符之间的优先顺序在表达一些比较复杂的条件判断时,在同一个表达式中,有时可能会存在多个操作符.比如,我们在判断要不要买某个西瓜时,不仅要判断它的总价(单价8.2元/斤,一共10.3斤) ...

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

html调整div上下顺序,用了float后div块之间的上下顺序不对了_html/css_WEB-ITnose相关推荐

最新文章

热门文章