CSS div將元素向下移動

-1

我正在處理我的投資組合，當瀏覽器調整大小時，我遇到了左側圖像向左移動的項目描述問題。這裏有一個問題的圖片：點擊這裏當你調整瀏覽器的大小時，文本會移動並移動圖像。我試過設置最小寬度，但這並不能幫助文本和圖像div，以確保它不會在某個點調整大小。CSS div將元素向下移動

下面是一個示例鏈接到頁面本身：[點擊這裏] [2]

我嘗試添加最小寬度的圖像元素，但不工作的。我不想使用絕對位置，因爲它將在重新調整大小上重疊。任何想法或建議？

來源

2011-04-25 dope

你想要發生什麼？一個水平滾動條出現？ – thirtydot 2011-04-25 18:37:57

不，我只是想讓這些元素根本不要移位，並留在他們的位置。 – dope 2011-04-25 18:39:51

您的圖像寬度爲1000+像素，並且您將描述的寬度指定爲350Px。因此，無論您何時將瀏覽器的大小調整爲小於1350像素（不包括邊距或填充），圖像都會跳轉......這是瀏覽器的正確行爲。指定圖像包裝器的寬度將允許您水平滾動，但最終的解決方案（例如）是否真的需要一個大的圖像）？就個人而言，我討厭在一個並非爲它設計的網站上水平滾動，就像我討厭在頁面上瀏覽浮動的網頁一樣。 – kjl 2011-04-25 18:45:48

您有一張1052像素寬的圖像，該圖像位於UL元素中，其左側邊距爲1.5em。您的說明框是350px。基本上你的#imagewrapper div需要等於或者比所有這些元素都要寬。

現在大概是1422px。如果你的UL.imagewrap-pad的有效字體大小發生改變，它將會改變。

這是一個相當寬的網站。如果你將它製作爲一般瀏覽，你可能應該縮小一點，特別是現在所有的平板電腦等等。

反正你想要的代碼是

#imagewrapper 
{ 
    width:1422px; 
    margin:0 auto; 
}

第二行使得中央在屏幕上。

P.S - 獲取Firebug for Firefox，或在Chrome中使用類似的工具。他們讓你無休止地實驗風格，以找出什麼適合你。

來源

2011-04-25 18:51:17 musaul

爲了解決剛纔設置的「寬度」財產#imagewrapper問題：

#imagewrapper { 
    width: 1430px; 
}

來源

2011-04-25 18:37:58

嗨，謝謝你的回答，但項目描述會轉移到左側。我想知道是否有辦法在右邊的菜單下保留它？ – dope 2011-04-25 18:43:08

你試過父元素上設置寬度ATTR左右1800px？

div＃imagewrapper { width：1800px; }

它將把滾動條在您的瀏覽器的底部，但如果你希望把他們的文字旁邊這麼大的圖像，然後你需要一個很大的空間。請記住，它不適合用戶顯示器。爲了讓它看起來不錯，我猜你應該將該屬性應用於body標籤。

來源

2011-04-25 18:44:11 gswierczynski

CSS div將元素向下移動

回答

相關問題