0

私は3つ<div>の要素を2つが隣り合い、3つ目がそれらの下にあるように整列させようとしています。これが私のフィドルです。また、ここに私のcssがあります：

<style type="text/css">
body {
    background-image: url(https://www.dropbox.com/s/ri903jtb93a5168/background.jpg);
    background-attachment:fixed;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    background-repeat:no-repeat;
    background-position:center;
    padding-right: 20%;
    padding-left: 20%;
    padding-top: 19%;
}
#left {
    float: left;
    width: 25%;
    text-align: center;
}
#right {
    float: right;
    width: 25%;
    text-align: center;
}

#bottom {
    position:relative
}

.lists {
    background: transparent;
    width: 268px;
    padding: 5px;
    font-size: 16px;
    border: none;
    height: 34px;
    -webkit-appearance: none;
}
</style>​

何か案は？私は新しく、cssを手に入れようとしています。

ありがとう！

4

3 に答える 3

1

コードを少し変更しました。左右の div の後に clear:float を追加しました。

デモを見てください。それがあなたが望むものかどうか教えてください

于 2012-11-08T19:25:04.273 に答える
0

clear: both;ID が「bottom」の divにスタイルを追加 します

于 2012-11-08T19:53:12.593 に答える
0

訂正してください

#right {
    /*  omit float: right  
    float: right; */
    width: 25%;
    text-align: center;
}

#bottom {
   /* omit position: relative  
   position:relative */
}

コードを上記のコードに置き換えて、お知らせください。

于 2012-11-08T18:54:21.077 に答える