如何使用圖層

我有這個頁面（如下圖），我想定位在如何才能做到這一點與截圖右下角（價格右）如何使用圖層

一個圖形按鈕來定位圖形按鈕幾行代碼？

截圖：

enter image description here

代碼：

<div class="content-1g"> 
    <div class="content-1-1g"> 
     </div> 
    <div class="content-1-2g"><p class="none"><%# Eval("TName")%></p> 
      <div class="content-1-3g"><p><%# Eval("TDetails")%></p></div> 
      <div class="content-1-3g">Adult: £<%# Eval("TPriceadult")%> </div> 
      <div class="content-1-3g">Senior/Student: £<%# Eval("TPricesenior")%> </div> 
      <div class="content-1-3g">Child: £<%# Eval("TPricechild")%> </div> 
    </div> 
</div>

CSS：

.content-1g { 
    float: left; 
    width: 836px; 
    padding: 0px 32px 0px 32px; 
/* background-color: White; 
    border: 1px solid orange; */ 
} 

.content-1-1g 
{ 
    float: left; 
    width: 269px; 
    height: 202px; 
    margin:0px 20px 0px 0px; 
    padding: 0px; 
    background: url('../images/Chinatown-experience-logo.png') no-repeat left top; 
} 

.content-1-2g { 
    float: right; 
    /*width: 591px; */ 
    width: 547px; 
    padding: 0px 00px 0px 0px; 
    font: 100% "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif; 
    color: #FFFF00; 
    text-align: justify; 
    vertical-align: top; 
} 

.content-1-3g { 
    float: right; 
    /*width: 591px; */ 
    width: 547px; 
    padding: 0px 00px 0px 0px; 
    font: 100% "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif; 
    color: #FFFFFF; 
    text-align: justify; 
    vertical-align: top; 
}

感謝茶

來源

2012-11-29 TeaDrinkingGeek

有「唐人街」字幕的是按鈕？

您可以放置它絕對的，並設置正確的峯值和谷值吧：

position: absolute; 
right: 10px; 
bottom: 10px;

來源

2012-11-29 14:36:55 LorDex

沒了，只是一個背景圖形上。內容-1-1g。我沒有顯示按鈕，這是一個小按鈕。 – TeaDrinkingGeek

我認爲你需要在兩個div分裂的產品規格和浮他們左右。事情是這樣的：

<div class="content-1g"> 
<div class="content-1-1g"> 

</div> 
<div class="content-1-2g"> 
    <p class="none"><%# Eval("TName")%></p> 
    <div class="content-1-3g"><p><%# Eval("TDetails")%></p></div> 
    <div class="content-left"> 
      <div class="content-1-3g">Adult: £<%# Eval("TPriceadult")%> </div> 
      <div class="content-1-3g">Senior/Student: £<%# Eval("TPricesenior")%> </div> 
      <div class="content-1-3g">Child: £<%# Eval("TPricechild")%> </div> 
    </div> 
    <div class="content-right"> 
     <!-- Your button --> 
    </div> 
</div>

而對於CSS：

.content-left { 
    float: left; 
    width: 273px; 
} 

.content-right { 
    float: left; 
    width: 273px; 
}

尺寸在您的按鈕的寬度，右邊股利。希望能幫助到你！

來源

2012-11-29 14:39:16 Joey

這是我的想法。但有沒有更簡單的方法？ – TeaDrinkingGeek

恐怕不行，除非你想使用負利潤率（不推薦，因爲並不是所有的瀏覽器支持，），或與崗位工作：絕對的，但是這不是因爲你與你的文檔中的彩車工作要做到這一點的方式。 – Joey

把這個按鈕文字的末尾，然後：

.your_button { 
    float: right; 
    display: block; 
    clear: both; 
}

來源

2012-11-29 14:43:17 LorDex

如何使用圖層

回答

相關問題