Html 邮箱显示在；“随机”；地方

我目前正忙于我的这个信息学项目（构建一个样本数据站点）。问题是我在把所有东西都放在正确的位置上遇到了一些麻烦。一切都很顺利，直到我的邮箱出现在错误的地方（不过，Dreamweaver会按照我的要求显示它）。我不知道怎么做，我不知道为什么，但我认为这与我的边距或填充物有关。感谢您的帮助

提前感谢,

HTML+CSS（很多单词都是荷兰语，我是这方面的初学者，所以请不要期望有高质量的代码。在我的实际项目中，我的HTML和CSS文件是分开的。）：

无标题文件
* {
填充：0；
保证金：0；
边界：0；
}
身体{
背景色：#666；
字体系列：牛腿；
}
.集装箱{
宽度：1240px；
}
#HomeLeftSideRegister{
浮动：左；
}
.表格{
宽度：1240px；
高度：600px；
显示：块；
背景色：白色；
边界半径：10px；
边缘顶端：111px；
左边距：自动；
右边距：自动；
}
#登记册{
左边距：45像素；
颜色：#3c948b；
字体大小：70px；
}
#家庭电子邮件{
颜色：#000；
字体大小：30px；
边缘顶部：30px；
左边距：245px；
}
.电邮{
颜色：#666；
字体大小：粗体；
}
#用户电子邮件{
高度：22px；
宽度：281px；
字体大小：20px；
边框宽度：1px；
边框样式：实心；
保证金：10px 0px 10px 149px；
}
.性别{
颜色：#000；
字号：18px；
高度：155px；
宽度：130px；
边界：无；
浮动：左；
左边距：25px；
边缘顶部：10px；
}
#性别-1{
左边距：150像素；
}
.放射性标签{
边缘顶部：20px；
}
.圆形按钮{
背景色：#3c948b；
高度：74px；
宽度：196px；
边界半径：10px；
颜色：白色；
字体大小：25px；
字号：500；
浮动：无；
左边距：193px；
}
#输入{
边缘顶部：220px；
}
#BlouseManImage{
浮动：对；
保证金：44px 70px自动；
}
注册护士
电邮：
李本英：
人


沃鲁
李祖恩：
人


沃鲁


贝德

看来你是“浮动”规则的另一个受害者：-）

你的

.Gender

div有

float:left

，它使这些div向左移动，而你的电子邮件字段必须显示在右侧

我解决了这个问题，使电子邮件字段也浮动，所以它首先到达那里。。。另外，我不得不将你的两个div按性别分开，因为它们是不同的，需要一个来清除上面的浮动，以便转到下面一行

此外，html必须有两个分开的div类的名称，分别是

GenderBen

和

GenderZoek

。 （我不懂荷兰语，但我想它代表你是什么，你在寻找什么：-D）

修改后的代码为：

.Email {
    color:#666;
    font-weight:bold;
    float: left;
}
.GenderBen {
    color: #000;
    font-size: 18px;
    height: 155px;
    width: 130px;
    border: none;
    float: left;
    clear: both;
    margin-left: 25px;
    margin-top: 10px;
}
.GenderZoek {
    color: #000;
    font-size: 18px;
    height: 155px;
    width: 130px;
    border: none;
    float: left;
    margin-left: 25px;
    margin-top: 10px;
} 

以及更改了div的html：

          <fieldset class="GenderBen" id="gender-1">
          <H3>IK BEN EEN:</H3>
          <div class="Radiolabel">  
            <label>
              <input type="radio" name="amman" class="styled-radio" value="Man"/>
                Man
            </label> <br />
            <label>
                <input type="radio" name="amvrouw" class="styled-radio" value="Vrouw"/>
                Vrouw                
            </label>
           </div>
        </fieldset>

        <fieldset class="GenderZoek">
          <H3 class="">IK ZOEK EEN:</H3>
          <div class="Radiolabel">
              <label>
                <input type="radio" name="likeman" class="styled-radio" value="Man"/>
                Man
            </label> 
            <br />
              <label>
                <input type="radio" name="likevrouw" class="styled-radio" value="Vrouw"/>
                Vrouw   
            </label> 
              <br />
            <label>
                <input type="radio" name="likebeide" class="styled-radio" value="Beide"/>
                Beide
            </label>
          </div>
        </fieldset>

李本英：
人


沃鲁
李祖恩：
人


沃鲁


贝德

在这里检查结果

          <fieldset class="GenderBen" id="gender-1">
          <H3>IK BEN EEN:</H3>
          <div class="Radiolabel">  
            <label>
              <input type="radio" name="amman" class="styled-radio" value="Man"/>
                Man
            </label> <br />
            <label>
                <input type="radio" name="amvrouw" class="styled-radio" value="Vrouw"/>
                Vrouw                
            </label>
           </div>
        </fieldset>

        <fieldset class="GenderZoek">
          <H3 class="">IK ZOEK EEN:</H3>
          <div class="Radiolabel">
              <label>
                <input type="radio" name="likeman" class="styled-radio" value="Man"/>
                Man
            </label> 
            <br />
              <label>
                <input type="radio" name="likevrouw" class="styled-radio" value="Vrouw"/>
                Vrouw   
            </label> 
              <br />
            <label>
                <input type="radio" name="likebeide" class="styled-radio" value="Beide"/>
                Beide
            </label>
          </div>
        </fieldset>