如何DIV相對浮動的寬度設定爲鄰居

我有一個網頁，它看起來像這樣：如何DIV相對浮動的寬度設定爲鄰居

內容包含一個居中的div內固定寬度（由內容決定）的靜態表。下面的內容中有一個div，其中包含一行文本和該文本下面的圖像。它的意思是漂浮在內容的左側。頁面和圖像具有最大寬度和最大高度。但是當頁面調整大小時，圖片收縮比頁面慢兩倍。這將導致頁面看起來像這樣：

我想圖片永遠是填補了大部分的白差距在左邊。當頁面調整大小時，圖片也應相應調整大小。

http://jsfiddle.net/FZ4KG/

HTML：

<section align="center"> 
    <h4 align="center">Heading</h4> 
    <div align="center"> 
     <table>Content</table> 
     <div id="image_box"> 
      <p align="left">Text above image</p> 
      <img src="img.png" id="image"> 
     </div> 
    </div> 
</section>

的CSS：前

#image_box { 
    padding-left: 15px; 
    height: 0px; 
    top: -75px; 
    position: relative; 
} 

#image { 
    float: left; 
    max-width: 20%; 
}

來源

2013-09-27 Xeos

你可以發佈更多的代碼和/或鏈接到JS小提琴，所以我們可以更好地解釋你想要的結果？ :) – Plummer

男人，郵編！ –

@shekhardesigner http://jsfiddle.net/FZ4KG/如果減少「結果」寬度，則會看到SOf標誌和「文本以上圖像」，其中包含綠色表格。 – Xeos

有幾件事情我能夠完全理解它是什麼，你要尋找的。

很遺憾，您如何使用HTML5 <section>標記與已棄用的標記，並且已刪除HTML5標記，align屬性。在這些元素上使用css時，使用內聯樣式仍然很奇怪。

我會假設你正在尋找將它們的父容器中的元素居中。爲了達到這個目的，你需要使用設定的寬度，並將元素的水平邊距設置爲自動。

div { 

    margin: 0 auto; 

}

您的標記中還有一個錯字。 DIV ID說imabe_box。假設它應該是image_box。

<div align="center"> 
    <table>Content</table> 
    <div id="imabe_box"> // ID should be set to 'image_box' 
     <p align="left">Text above image</p> 
     <img src="img.png" id="image"> 
    </div> 
</div>

請添加更多的代碼或答覆答案，我們可以幫助您進一步。

來源

2013-09-27 16:55:44 Plummer

我有更多的更精確的css選擇器，但添加align =「center」會取出其他屬性的一部分。 – Xeos

JS小提琴添加 – Xeos

如何DIV相對浮動的寬度設定爲鄰居

回答

相關問題