在html中，使一個div的寬度固定，另一個div的寬度應根據窗口大小動態縮小

Question

<div> 
<div id="div1" class="myimg"> 
</div> 
<div id="div2" class="detail"> 
</div> 
</div> 

我的html5塊與上面一樣。我正在使用媒體查詢爲iPhone，iPad，桌面設計樣式。

我是新的響應式設計。我想實現樣式，以便div1的圖像大小不會發生變化，並且div2的文本包含應該縮小，因爲我減少了瀏覽器窗口的寬度。

即使我試圖給div2％寬度和最小寬度它正在下div1。它不會停留在div2旁邊。如果有人能指導我如何寫這個。這將是一個很大的幫助。

Answer 1

是的，這可以很容易地完成。這是一個example on JSFiddle。

HTML

<div id="div1" class="myimg"></div> 
<div id="div2" class="detail"></div> 

CSS

.detail { 
    overflow: hidden; 
    min-height: 50px; 
    border: 2px dashed black 
} 

.myimg { 
    float: right; 
    width: 250px; 
    min-height: 50px; 
    margin-left: 10px; 
    border: 2px dashed red 
} 

這是你想要完成什麼？