Question

1问题 - 我无法在子标题

中对齐2个输入表格

2问题 - 当你在“subheader”外面点击时，我需要再次显示“register”和“login”字样，除非你在输入中写一些东西

extern

$(document).ready(function() {
    $('.register').click(function() {
        $('.register').hide();
 });
});
$(document).ready(function() {
    $('.registers').hide();
});
$(document).ready(function() {
    $('.register').click(function() {
        $('.registers').show();
 });
});

.subheader {
	background: #F3F3F3;
	margin: 0 auto;
	width: 100%;
	height: 30px;

}
.register p {
	display: inline-block;
	float: right;
	color: #179B75;
	font-size: 12px;
	padding: 0;
	padding-right: 8px;
}
.register {
	display: block;
	left: 75%;
	position: fixed;
	top: 5px;
	z-index: 10005;
	height: 30px;
}
.register>p>input {
	width: 100px;
	height: 20px;
	border: 1px solid #c8c8c8;
	font-family: FuturaLight;
	text-indent: 20px;
	font-size: 12px;
	float: right;
	display: none;
	color: #179B75;
}
.register>p>input:enabled{
	cursor: text;
}
.forms {
	width: 400px;
	height: 30px;
	display:inline-block;
	float:right;
}
.registers {
	width: 400px;
	height: 30px;
	display: inline-block;
	float:right;
}
.registerformsleft {
	width: 130px;
	height: 25px;
	display: inline-block;
	position: inherit;
	float: left;
}
.registerformsright {
	width: 130px;
	height: 25px;
	display: inline-block;
	position: inherit;
	float: right;
}
.register {
	cursor:pointer;
}

Answer 1

1问题：

删除两个输入字段之前和提交按钮之前的br标记并更改您的样式：

.registerformsright {
    width: 130px;
    height: 25px;
    display: inline-block;
    position: inherit;
    margin-left: 5px;
}

Answer 2

请尝试这个：

的CSS：

.subheader {
  background: #F3F3F3;
  margin: 0 auto;
  width: 100%;
  height: 30px;
}
.register p {
  display: inline-block;
  float: right;
  color: #179B75;
  font-size: 12px;
  padding: 0;
  padding-right: 8px;
}
.register {
  display: block;
  left: 75%;
  position: fixed;
  top: 5px;
  z-index: 10005;
  height: 30px;
}
.register>p>input {
  width: 100px;
  height: 20px;
  border: 1px solid #c8c8c8;
  font-family: FuturaLight;
  text-indent: 20px;
  font-size: 12px;
  float: right;
  display: none;
  color: #179B75;
}
.register>p>input:enabled {
  cursor: text;
}
.forms {
  width: 400px;
  height: 30px;
  display: inline-block;
  float: right;
}
.registers {
  width: 400px;
  height: 30px;
  display: inline-block;
  float: right;
}
.registerformsleft {
  width: 130px;
  height: 25px;
  display: inline-block;
  position: inherit;
  float: left;
}
.registerformsright {
    width: 130px;
    height: 25px;
    display: inline-block;
    position: inherit;
    margin-left: 5px;
}
.register {
  cursor: pointer;
}

DEMO

表单内输入的问题

2 个答案: