css不让图片占有原来的位置

CSS可以帮助我们控制网页上的元素，其中一个常见的需求就是控制图片的位置。有时候，我们希望让图片浮动在文字旁边，而不是把它们堆在一起。但是，如果我们只是简单地使用浮动属性，图片会占据原来的位置，导致布局混乱。那么，该怎样做才能不让图片占有原来的位置呢？
通过使用CSS的清除浮动技术，可以让图片正确地浮动且不占据位置。这种技术的基本思路就是让浮动的元素不影响其他元素的布局。我们可以在浮动元素的父元素上设置一个CSS样式规则，将其定位为港口或包含流。具体实现方法如下：
p{ overflow: auto; }
pre{ background-color: #eee; padding: 10px; }
在上面的代码中，我们使用了p标签来包含图片，同时在p标签上设置了overflow:auto的样式规则。这样，当图片浮动时，p标签的高度将会自动地适应其子元素的高度，从而不会影响其他元素的布局。
如果您想更好地理解清除浮动技术，可以使用上面的代码进行实验。您可以设置不同的图片大小和位置，并查看它们如何与其他元素互动。通过调整CSS样式规则，您可以获得更好的效果。
总之，为了让图片正确地浮动而不占据原来的位置，我们应该使用CSS的清除浮动技术。通过在父元素上设置overflow:auto样式规则，我们可以让浮动元素正确地适应其子元素的高度，从而不影响其他元素的布局。