如何解决<div>内的SVG始终大于容器
| 我在DIV中有一个巨大的SVG文件。我想通过单击A链接来滚动div内的SVG。 我的问题是我希望DIV比我的SVG文档小，所以我可以有活动的滚动条。 假设我的SVG文档的高度为10.000，宽度为1.100，位于200px x 100px DIV元素内。但是无论我做什么，我的DIV元素都和SVG一样大。如何限制div的大小？ 这是我的代码：<html>
<title>
YOP
</title>
<head>
<style TYPE=\"text/css\">
<!--
div.header{
background:black;
background-color: #ededed;
margin-top: 0px;
position: fixed;
top: 0px;
//width:100%;
width:1100px;
height: 500px;
}
-->
</style>
<script type=\"text/javascript\" >
var pos = 0;
function MyFtion(){
var elem = document.getElementById(\'aSVG\');
pos = pos + 100;
elem.scrollTop = pos + 100;
window.scroll(0,pos);
}
</script>
</head>
<body bgcolor=\"white\" >
<div class=\"header\" id=\"MyDiv2\">
<a href=\'javascript:MyFtion()\'>** Move s**</a>
</div>
<div id=\"oo\" height=\"200px\" width=\"100px\" style=\"margin-top:100px;overflow:scroll;\" >
<object id=\"aSVG\" data=\"out.svg\" style=\"margin-top:100px;overflow:hidden;\" />
</div>
</body>
</html>
解决方法
有时
height
width
#oo{
height:200px;
width:100px;
margin-top:100px;
overflow:scroll;
}
<svg version=\"1.1\" id=\"baum\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0px\" y=\"0px\"
width=\"100%\"
xml:space=\"preserve\">
<svg version=\"1.1\" id=\"baum\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0px\" y=\"0px\"
width=\"1000px\" height=\"1000px\" viewBox=\"0 0 200 200\"
xml:space=\"preserve\">
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。