如何限制div的寬度？

我在我的網站上放了一個Google+按鈕。這是代碼：如何限制div的寬度？

<div id="gplus"><div class="g-plusone" data-size="medium" data-annotation="inline" data-width="120"></div></div> 

#gplus { 
position: fixed; 
bottom: 40px; 
left: 5px; 
z-index: 1; 
width: 120px; 
overflow: hidden; 
}

但谷歌放入內部div的iframe是1200px寬度和覆蓋內容。如何限制它？我修正了#gplus的寬度並添加了溢出：隱藏，但它沒有幫助。：/

來源

2012-07-23 micobg

試試這個.g-plusone {width：120px;} – vikrantx 2012-07-23 07:12:25

告訴我這個網站的鏈接 – 2012-07-23 07:18:09

http://moitesmetki.com/%D1%82%D0%BE%D0%BA-%D0%BF% D1％80％D0％BE％D0％B2％D0％B5％D1％80％D0％BA％D0％B0-％D0％BD％D0％B0-％D1％81％D0％BC％D0％B5％ D1％82％D0％BA％D0％B0/evn/ – micobg 2012-07-23 07:33:41

您可以添加一個新的樣式定義，以使溢出繼承到內部div。例如。

#g-plusone {overflow:inherit;}

這不會在IE7中工作。

你會發現，你需要一個類定義添加到生成的iframe所以例如添加一個類定義

#gplus iframe {width:120px;}

這將設置在#gplus DIV任何iframe來有120像素的寬度。

UPDATE：已經看了你的網站下面的樣式應該可以解決這個問題

#gplus iframe {min-width:120px !important;}

谷歌是設置最小寬度它的框架，但你可以通過設置最小寬度和利用其覆蓋重要的覆蓋。

來源

2012-07-23 07:18:46 munnster79

#gplus div是透明的，我可以看到下面的內容，但我無法觸摸Google+下的所有按鈕。當我添加溢出：隱藏它似乎工作，但Chrome顯示我，iframe是1200px寬度。：|此代碼不會更改任何內容。 – micobg 2012-07-23 07:37:40

max-width: 500px;或您想要的任何最大寬度，以這種方式您可以限制或控制元素的寬度。

來源

2012-07-23 07:21:02

如何限制div的寬度？

回答

相關問題