0

やあみんな、私が構築したjqueryスライダー上でコンテンツ本体をスタイリングしています.....私の問題は、いくつかの写真が必要なfloat: leftので、それらが互いに整列するようにすることですが、親は持っています、そして私がそれmargin: -6em 0 0 0;を追加すると、float:left親divから......HTML:

 <div id="Content">
        <div class="main_Body">
            <div class="top-halfCont">
                <div class="online_training">
                    <div class="training_image">
                        <img src="images/onlinetraining_home_03.png" width="75" height="75" />
                    </div><!-- .training_image -->
                </div><!-- .online_training -->
                <div class="background_check">
                    <div class="background_image">
                        <img src="images/background_check_home_03.png" width="75" height="75" />
                    </div><!-- .background_image -->
                </div><!-- .background_check -->
                <div class="uninsured_alert">
                    <div class="uninsured_alert_image">
                        <img src="images/unisuredalert_system_03.png" width="75" height="75" />
                    </div><!-- .uninsured_alert_image -->
                </div><!-- .uninsured_alert -->
            </div><!-- .top-halfCont -->
        </div><!-- .main_Body -->
    </div><!-- #Content -->

スタイル:

/* main content #Content */
#Content {
    display:block;
    max-width:1200px;
    margin:0 auto;  
    background: white;
    position: relative;
    box-shadow: 5px 0px 13px #888888;
}
.main_Body {
    display:block;  
    margin: -6em 0 0 0;
    padding: 1em;
}
.online_training {
    display:block;
    width:200px;    
}
.training_image {
    width:75px;
    height:75px;
    margin:0 auto;  
}
.background_check {
    display:block;
    width:200px;
}
.background_image {
    width:75px;
    height:75px;
    margin:0 auto;  
}
.uninsured_alert {
    display:block;
    width:200px;
}
.uninsured_alert_image {
    width:75px;
    height:75px;
    margin:0 auto;  
}
4

1 に答える 1

1

以下の変更を含める

.top-halfCont{
    margin:6em 0 0 0;
}
.main_Body {
    display:block;  
    margin: -6em 0 0 0;
    padding: 1em;
    overflow:auto;
}
于 2013-03-27T05:56:49.640 に答える