0

我正在尝试创建一个表单，其中表单部分位于左侧，背景颜色为灰色。我希望它浮动到左侧并有一个红色框，错误将直接显示在右侧。但是，如果您查看它在我的链接http://www.yourfantasyfootballreality.com/createleaguevalidation.php中的显示方式， 您会看到该框仅显示在表单下方，并且表单没有灰色背景色。有人可以帮我将表单背景部分设为灰色并在右侧显示红色框...

 <html><head><title>Create a League</title></head>

<body>

<center><h1>Create a League</h1></center>



<div class="form width:400px; height:200px; background-color:gray;">
<form action="createleaguevalidation.php" method="POST">
League Name:       <input style="margin-left:0px;" type="text" name="leaguename" value="<?=$leaguename?>" /><br />
Number of Members: <input type="text" name="members" value="<?=$members?>"/><br>
League Password:   <input type="password" name="leaguepassword" value="<?=$leaguepassword?>"><br>
<input type="submit" value="Register" name="action">
</form>
</div>

<div style="background-color:red; height:200px; width:200px; float:left;">
</div>

</body>
</html>
4

1 回答 1

4

您的问题在于您网站的这一行： 

<div class="form width:400px; height:200px; background-color:gray;">

它可能应该读得更像这样才能有效：

<div class="form" style="width:400px; height:200px; background-color:gray;">

尽管我建议不要使用内联样式对其进行样式设置，而是使用外部样式表。这样，您可以像这样简化 html：

<div class="form">

你会有这样的css：

div.form {
     width:400px; 
     height:200px; 
     background-color:gray;
 }

此外，如果您希望红色框出现在右侧，给定您当前的样式，您需要添加 afloat: left;到您的div.form元素，如下所示：

div.form {
     width:400px; 
     height:200px; 
     background-color:gray;
    float: left;
 }
于 2012-07-22T22:18:24.210 回答