我有两个SVG,我想在它的容器中并排放置:
HTML
<div id="container">
<svg viewBox="100 185 275 655"></svg>
<svg viewBox="100 185 275 655"></svg>
</div>
<br>
<div id="anotherdiv">Another div</div>
CSS
#container{width:100%;}
svg{width:50%;float:left;}
到目前为止,id为anotherdiv
的div将在容器启动的同一位置上生成。看起来容器并不关心两个SVG带来的高度。我该如何解决这个问题呢?谢谢!
发布于 2018-10-15 05:32:57
您必须对浮动元素执行clear
操作。示例:
#container {
width: 100%;
}
svg {
width: 50%;
float: left;
}
#anotherdiv {
background: red;
clear: both;
}
<div id="container">
<svg viewBox="100 185 275 655"></svg>
<svg viewBox="100 185 275 655"></svg>
</div>
<br>
<div id="anotherdiv">Another div</div>
https://stackoverflow.com/questions/52807251
复制相似问题