0

複数のdivで形成された一種のウィンドウを作成しようとしています。私は基本的に、cshtmlページでdivの後にdivを配置し、.cssファイルでそれらの位置を設定しようとしています。かなりの努力の末、私はなんとかdivを美しい位置に設定することができました。しかし、テキストやdom要素などをそれらのdivのいずれかに配置し始めるとすぐに、その位置が変更され、他のdivがプッシュされて混乱が生じます。なんとかフロートを使ってなんとかキープできましたが、本当に難しいです。divの内部要素を管理する簡単な方法はありませんか？内部要素によってコンテナdivが他の場所に移動するのはなぜですか？

これが.htmlと.cssのコードです。divは空で、正しく配置されています。たとえば、div id = "fiyat">内に「qwe」と書くだけで、私が話していることを確認できます。

.htmlコード：

<div id="tablodetay">
    <div id="secimler">     
    </div>

        <div id="parcacerceve">
        </div>

        <div id="resim">   
        </div>

        <div id="ebatsecimvefiyat">
            <div id="ebatsecim"> 

            </div>

            <div id="fiyat">
            </div>
        </div>

        <div id="urunozellik">       
        </div>
    </div>

.cssコード：

div#tablodetay div#secimler
{
    border:1px solid #000000;
    margin:2px;
    display:block;
    width:706px;
    height:100px;
    display:block;
}

div#tablodetay div#parcacerceve
{
    border:1px solid #000000;
    margin:2px;
    display:inline-block;
    width:86px;
    height:400px;
}

div#tablodetay div#resim
{
    border:1px solid #000000;
    margin:2px;
    height:400px;
    width:400px;
    display:inline-block;
}

div#tablodetay div#ebatsecimvefiyat
{
    margin:2px;
    height:402px;
    width:200px;
    display:inline-block;
}

div#tablodetay div#ebatsecim
{
    border:1px solid #000000;
    height:248px;
    width:200px;
    margin-bottom:2px;
}

div#tablodetay div#ebatsecim form input
{
    float:left;
    border:1px solid #000000;
}

div#tablodetay div#fiyat
{
    border:1px solid #000000;
    height:148px;
    width:200px;
}

div#tablodetay div#urunozellik
{
    border:1px solid #000000;
    height:120px;
    width:706px;
    margin-top:-2px;
    margin-left:2px;
}
4

2 に答える 2

1

各divのcss属性を定義する必要があります。サイズや位置が変わるのを防ぐために必要な

div ... {
   position:absolute;
   left: 50px;
   top:50px;
   width:100px;
   height:50%;
}

位置：絶対; 他のすべてのdivを無視し、定義した場所にdivを配置します。

于 2012-06-16T21:47:37.143 に答える
0

オーバーフローがnoneに設定されていないか、スクロールしない場合、幅と高さは無効になります

ブラウザは、終了点ではなく、開始点として幅と高さを使用します。

max-widthとmax-heightを設定することもできます。

于 2012-06-16T21:48:10.980 に答える