如何让div不会改变位置

我想创建一个由多个div组成的窗口。我基本上把div放在我的cshtml页面，并试图设置他们在.css文件中的位置。经过相当大的努力，我设法设置了divs在他们美丽的位置。但是，一旦我开始将文本或dom元素或其他内容放在其中一个div中，它就会改变它的位置，并推动其他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; 
}

来源

2012-06-16 Halo

您需要定义的CSS属性为每个格。为防止您的尺寸或位置发生变化，您需要

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

position：absolute;忽略所有其他div并将您的div放在您定义的位置上。如果溢出心不是设置为none或滚动

浏览器将使用您的宽度和高度为起点，没有终点

来源

2012-06-16 21:47:37 showbiz

谢谢，它可能不是最好的方法，使用绝对定位，但看起来像它会为我的狗屎工作。 – Halo

宽度和高度否决。

你也可以尝试设置最大宽度和最大高度。

来源

2012-06-16 21:48:10 Tschallacka

如何让div不会改变位置

回答

相关问题