2

これがjsfiddleの例です

これがコードです..

 <div id="xxx1"> 
     <div class="xxx1">
            txt
    </div> </div>

そしてCSS

#xxx1{
    border:1px solid black;
    min-height:25px;

}
.xxx1{
    border:1px solid green;
    height:50px;
    position:relative;
    top:-50px;
}

div id "xxx1" から余分なスペースを削除したい。どうやってするか？また、固定の高さを使用することはできません。その div 内にデータを追加したい場合は、その div の高さを増やしたいからです。

これがjsfiddleの例です

4

3 に答える 3

2

質問を理解していれば、paddingonを取り除きbodyます。

jsフィドル

body {
    margin:0;
}

また、 andをandbox-sizing:border-boxに統合するのも便利です。borderpaddingwidthheight

jsフィドル

#xxx1{
    box-sizing: border-box;
}
.xxx1{
    box-sizing: border-box;
}

編集

RE: いいえ.. div ID "xxx1" 内の空白を削除したいです。

さまざまな方法でそれを行うことができます。正しい方法は、コンテキストが何であるかによって異なります。ここにいくつかあります：

  • .xxx1 を使用しposition:absoluteて、ページの流れから外れる位置に配置します。jsフィドル

  • height:0pxコンテンツを追加するときは JavaScript で設定してください。

于 2013-03-29T13:47:24.823 に答える
0

ここで、このように変更してみてください

.xxx1{
border:1px solid green;
height:auto;
position:relative;

}
于 2013-03-29T13:49:04.047 に答える