Joh*_*ohn 4 css iframe position
我有以下代码:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head></head>
<body>
<iframe src="http://jl.evermight.net" style="overflow:scroll; display:block; position:fixed; top:10px; bottom:10px; right:10px; left:10px;"></iframe>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)
为什么我的 iframe 没有填满整个浏览器窗口,在浏览器窗口的顶部、右侧、底部和左侧之间仅留下 10 px 的空间?如果我用 ap 标签替换 iframe 标签,同时保留样式规则,那么它可以与 p 标签一起使用。
看来 iframe 忽略了我的右侧和底部 css 规则。如何让 iframe 承认右下规则?
正如艾伦·肖蒂斯建议的那样:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head></head>
<body>
<div style="position:fixed; top:10px; bottom:10px; right:10px; left:10px;">
<iframe src="http://jl.evermight.net" style="overflow:scroll;width:100%;height:100%;"></iframe>
</div>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)