在其父级内移动浮动div

时间:2014-04-23 00:15:10

标签: html css position css-float

有没有办法让.formColumn2 div在父div .bookingForm中向上移动?它是漂浮的:左,但我不知道如何定位它。我试过保证金。除了定位之外,还有其他方法:绝对吗?


http://jsfiddle.net/eF3am/

CSS代码:

.bookingForm {
    height:450px;
    background-color: #D3412A;
}
.bookingForm img {
    width:200px;
    margin:90px 0 0 170px;
}
form {
    padding:20px 0 0 70px;
    margin-left: 10%;
    color:#fff;
}
.formColumn2 label {
    width: 150px;
    display: inline-block;
}
.formColumn1,
.formColumn2{
    float:left;
}
.formColumn2 {
    margin-left: 50px;
}
select,input,textarea {
    width:200px;
    margin:8px 0;
}

enter image description here

2 个答案:

答案 0 :(得分:0)

您可以将padding-top:50px添加到第1列,也可以使用position:relative; top:-50px;margin-top:-50px;标记第2列。这些是最安全的方式来改变这种美容:)

请告诉我你的情况是否合适!

答案 1 :(得分:-1)

根据我对你的问题的理解,尝试使父div保持绝对并且将.formcolumn2放在相对位置左侧,因为我不确定你想要它的样子,如果这不是更多的细节关于期望的结果会很棒。