Question

我的图片应该显示在右下角，文字应该在左侧。它在宽屏幕上工作得很好，但在较小的屏幕上不起作用这是我的HTML代码的一部分：

<hr />  
<div id="test">
  <h2>heading 2</h2>
  <p> some text here</p>
  <p>another text here</p>
<ul>
    <li>one</li>
    <li>two</li>
    <li>three</li>
</ul> 
</div>
<hr />

CSS代码是：

#mainPage {
min-width: 450px;
max-width: 960px;
margin: 0 auto;
padding: 0px;
background-color: #ffffff;
}
.wrapper { 
position: relative;
height: 100%;
width: 100%;
padding-top: 10px;
}
#test {
background:url('https://img.png');
background-position: right bottom;
padding: 0px 380px 0px 0px;
background-repeat: no-repeat;
}

我试图在HTML文件中的'test'div之后添加另一个div id，并设置content：url和float：right。它在chrome上运行得很好，但是在IE和Firefox上都没有用!!我发现相互之间添加两个div是问题，我根本不允许删除测试div！

任何人都可以帮助我!!

如何使文本中的图像响应不同的屏幕分辨率

0 个答案: