0

他のコントロールを含む div タグがあります。cssを介してdivに境界線を付けました。div タグをコントロールに巻き付けて、独自のサイズを自動調整する必要があります。

    .divwrap
    {           
    width: 60%;
    height: 60%; 
    border: 1px solid #66CCFF; 
    vertical-align:middle; 
    margin-left:150px;
    margin-right:300px;
    }

上記のコードでは、マージンを固定しています。したがって、別のページの div タグに同じスタイルを使用すると、別のページのコントロール (div 内) が多かれ少なかれなくなる可能性があるため、問題になります。div タグを、何か (この場合はコントロール付きの html テーブル) に巻き付けたときにサイズを自動調整できる輪ゴムのようにしたいと考えています。これは達成可能ですか?はいの場合、どのように??

4

1 に答える 1

0

ラッパーを作成する場合は、これらのことを念頭に置いてください

  • 静的な寸法を与えないようにしてください。
  • 適用されるコンテンツよりも少し大きくなるため、幅と高さは指定しないでください。
  • パーセンテージ値のマージンとパディングを与える:

これを試して:

.divwrap
{
  padding:3%;
  display:inline-block;
  margin:3%;
  border: 1px solid #66CCFF; 
  vertical-align:middle; 
  width:auto;
  position:relative;
  box-shadow: 10px 10px 5px #888888;
}

このフィドルを参照してください。

したがって、子divの幅と高さに関係なく、このdivは常にそれをラップします。

于 2013-03-18T13:04:43.887 に答える