2

2 つの異なるサイズの列を実現するために、div で 2 つの順序付けられていないリストを取得しようとしていますが、何らかの理由で、div 内に必要のない余分な上部/下部のパディングがあります。

#contact-box {
    float: right;
    border-top: 1px solid #ccc;
    background-color: green;
    width: 250px;
    padding: 0px;
}

        ul#networks {
            list-style-type: none;
            float: left;
            width: ;
            padding: 0px;
        }
            #networks li {
            border-bottom: 1px solid #ccc;
            padding: 7px;

            }

        ul#contacts {
            list-style-type: none;
            float: right;
            width: 70%;
            background-color: red;
            padding: 0px;           

        }
            #contacts li {
            border-bottom: 1px solid #ccc;
            padding: 7px;
            }

ここで見ることができます: http://jsfiddle.net/XwfLD/ CSS で簡単なものになることはわかっていますが、誰かがそれを助けることができれば幸いです!

4

2 に答える 2

0

あなたの問題は、ul#networksに幅が指定されていないことだと思います..変更した場合

ul#networks {
list-style-type: none;
    float: left;
    width: ;
    padding: 0px;
}

に..

ul#networks {
list-style-type: none;
    float: left;
    width: 30% ;
    padding: 0px;
}

それらは互いに横に移動する必要があります。あなたの説明から、それがあなたの望むものだと思います。それがどのように機能するか教えてください。

于 2014-02-21T02:07:01.873 に答える