gpt4 book ai didi

html -
内的 SVG 总是比容器大

转载 作者:行者123 更新时间:2023-11-28 05:07:04 26 4
gpt4 key购买 nike

我在 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>

请注意,我尝试将 display:block; 添加到我的 OBJECT 标签的样式中,但没有成功。

感谢您的帮助,

安托万

最佳答案

有时 heightwidth HTML 属性不能很好地与 CSS 配合使用,因此请尝试使用 CSS 等效项。

#oo{
height:200px;
width:100px;
margin-top:100px;
overflow:scroll;
}

关于html - <div> 内的 SVG 总是比容器大,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6124940/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com