我試圖將overflow
屬性應用於<object/>
元素。這可能嗎?HTML對象標記刪除滾動條溢出
問題的一個例子是:JSFiddle。在Chrome中,似乎忽略了溢出。我怎樣才能解決這個問題?
HTML
CSS
#my-object {
height : 500px;
width : 300px;
overflow : hidden;
}
我試圖將overflow
屬性應用於<object/>
元素。這可能嗎?HTML對象標記刪除滾動條溢出
問題的一個例子是:JSFiddle。在Chrome中,似乎忽略了溢出。我怎樣才能解決這個問題?
HTML
CSS
#my-object {
height : 500px;
width : 300px;
overflow : hidden;
}
#object {
height : 500px;
width : 300px;
overflow : hidden;
}
各地hidden
已更新[JSFiddle](http://jsfiddle.net/M4Zvc/3/)不起作用 –
刪除引號不要使用關鍵字的對象。將其更改爲
<body scroll="no">
<object id="mycontent" data="http://www.rfc-editor.org/rfc/rfc1.txt">
</object>
</body>
#mycontent {
height : 500px;
width : 300px;
overflow : hidden;
}
如果您注意到,該對象的ID爲**對象** – TylerH
已更新[JSFiddle](http://jsfiddle.net/M4Zvc/3 /)不起作用 –
什麼不起作用?它有一個工作滾動條 – user3653148
像<object>
數據對象不具有overflow屬性。您可以進入瀏覽器的檢查,去obj#my-object
性能和尋找overflow
(它不存在)
結果檢查這個自己,通過將其放在一個容器中,使母體小一些隱藏滾動條比孩子大約20px。然後可以使用具有相同寬度和高度的文本元素的另一個元素並覆蓋它以防止滾動。總而言之,它looks like this
<body scroll="no">
<div class='container'>
<object id="my-object" data="http://www.rfc-editor.org/rfc/rfc1.txt">
</object>
<div class='preventScroll'></div>
</div>
</body>
.container {
width:300px; height:500px;
overflow:hidden;
position:relative;
}
.preventScroll {
width:100%; height:100%;
position:absolute; top:0; left:0;
}
#my-object {
height: 100%;
width: 320px;
position:relative;
}
有了這樣說,我會建議使用更現代化的代替
我看到這個例子就像[iframe演示](http://jsfiddle.net/M4Zvc/6/)一樣工作。我們如何看待整個內容?我的意思是根據嵌入的內容自動調整高度和寬度。 –
如果你想查看整個內容,那麼'overflow:hidden'不會查找......你只需設置高度來顯示所有內容,或者用滾動條保留它。你的問題是如何隱藏一切 –
從您的overflow屬性引號。 – TylerH
@TylerH更新 –
我不認爲'object'元素是可能的。 – TylerH