Rzeczy dla początkujących: jak zatrzymać nakładanie się DivX CSS?

Question

Jul 08, 2013, 09:43 PM

Rzeczy dla początkujących: jak zatrzymać nakładanie się DivX CSS?

Pierwsze pytanie, zacząłem pracować nad CSS około miesiąc temu ze względu na pracę, którą dostałem, ale wygląda na to, że napotkałem na pewne problemy, których nie mogę naprawić (głównie z powodu mojego braku doświadczenia i że to CSS innej osoby)

Nie będę tak mocno bił w buszu i wyjaśniam problem przed pokazaniem kodu. Istnieje zestaw Div w ustawieniu przypominającym formę, ale gdy tekst staje się zbyt zatłoczony, atakuje następny Div, naprawiając go za pomocą CSS, a nie HTML, wszelkie poprawki w tym zakresie? Z samego problemu, który mogę sobie wyobrazić, jest coś tak łatwego, że to głupie, ale cóż, tak.

Edycja: Zapomniałem wspomnieć o tej części, nie chcę, aby były ukryte, chcę, aby każdy div automatycznie pozwalał, aby „poprzedni” kończył się i był spójny bez nakładania się (Próbowałem z przepełnieniem: Auto, ale dał im paski przewijania, do wszystkich formularzy w całej witrynie.

Oto zdjęcie tego, jak wygląda w tej chwili, jestem pewien, że natychmiast zobaczysz problem

http://imgur.com/aj8pDaO

Oto odpowiedni HTML

<html>
<head>
    <link href="hue.css" rel="stylesheet">
</head>
<body>
    <div class="content">

        <div class="column">
            <div class="form">
                <div class="form-nivel">
                    <label for="cfdiCreate:organizationRfc">RFC</label><label id="cfdiCreate:organizationRfc">XXXXXXXXXXXX</label>
                </div>
                <div class="form-nivel">
                    <label for="cfdiCreate:organizationTaxSystem">Regimen    fiscal</label><label id="cfdiCreate:organizationTaxSystem">Sueldos y salarios</label>
                </div>
                <div class="form-nivel">
                    <label for="cfdiCreate:organizationTaxAddress">Domicilio  fiscal</label><label id="cfdiCreate:organizationTaxAddress">XXXXXX Colonia Tecnológico  Monterrey,Nuevo León,México.C.P.XXXXXX</label>
                </div>
                <div class="form-nivel">
                    <label for="cfdiCreate:organizationExpeditionPlace">Lugar de  expedición</label><label id="cfdiCreate:organizationExpeditionPlace">Suc.1 Chiapas,México.     </label>
                </div>
            </div>
        </div>
        <div class="column secondary">
            <!--?xml version="1.0" encoding="UTF-8"?-->
        </div>
</body>
</html>

A oto CSS

body {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    text-align: center;
}

p {
    text-align: left;
}

.content {
    display: block;
    width: 100%;
    height: auto;
    margin-bottom: 10px;
    float: left;
    background: #;
    text-align: left;
}

    .content label, .content p {
        font-size: 16px;
        color: #024DA1;
        padding-left: 2%;
    }

.column {
    display: block;
    float: left;
    width: 48%;
    margin-top: 15px;
    height: auto;
    background:;
}

.secondary {
    margin-left: 10px;
}

.clearfix {
    clear: both;
    margin-bottom: 10px;
}

.form {
    display: block;
    width: 96%;
    height: auto;
    background:;
}

.form-nivel {
    display: block;
    width: 100%;
    width: 470px;
    min-height: 20px;
    margin-bottom: 20px;
    position: relative;
}

    .form-nivel label {
        width: 160px;
        float: left;
        height: 20px;
        line-height: 20px;
        margin-right: 10px;
        text-align: right;
    }