如何更改css，從而降低一個類別不會降低另一個類別？

我有兩個CSS類。一個應該在頁面的左側保存文本圖像，另一個應該在頁面的右側保存一個表單。出於某種原因，當我增加填充以嘗試降低頁面左側的文本圖像時，右側的表單也會下降。我該如何解決這個問題，以便我可以獨立調整這兩個類的填充。這裏是CSS：如何更改css，從而降低一個類別不會降低另一個類別？

.header { background:url(images/slider_bgpng200.png) top repeat-x; padding:0; margin:0 auto; } 
.header .headertop{width: 100%; background: #d3e5e8; height: 30px;} 
.block_header {margin:0 auto; width:1200px; padding:0; border:none; } 
.formbox{float: right;} 
.logo { float:left; padding:0; margin:0; width:242px;} 
.slider { background: transparent; margin:0 auto; padding:0; height:383px;} 
.slider .gallery { margin:0 auto; width:980px; height:383px; padding:0;} 
.slider .textholder {padding-top: 100px;}

這裏是它是如何出現在HTML：

<div class="header"> 
    <div class="headertop"> 
     <div class="header_text"><a href="#">Email</a> | <a href="#">Client Login</a> </div> 
    </div> 
    <div class="block_header"> 
     <div class="logo"><a href="index.html"><img src="logo.png" width="242" height="94" border="0" alt="logo" /></a> 
     </div> 
     <div class="slider"> 
      <div class="gallery"> 
      <div class="textholder"> <img src="images/textimg.png"></div> 
      <div class="formbox">Form is here </div> 
      </div> 
     </div> 
    </div> 
</div>

感謝。該網站在avidest.com/schneer上。

來源

2013-02-26 Philip7899

你可以做一個jsFiddle嗎？ – dezman 2013-02-26 20:18:22

相關小提琴：http://jsfiddle.net/kRAaV/ – FelipeAls 2013-02-26 20:18:31

你想降低什麼？請用降低區塊修改小提琴，並請鏈接到此更新版本。 – FelipeAls 2013-02-26 20:19:36

添加一個float：留給textholder。

.slider .textholder {float:left;padding-top: 100px;}

我還建議使用檢查工具來查看實際發生的情況。在這種情況下，你會注意到textholder是一個使用容器全寬度的塊元素。

來源

2013-02-26 20:19:32

如何更改css，從而降低一個類別不會降低另一個類別？

回答

相關問題