大小和定位不起作用

Question

我打算创建响应式设计，所以我将页面上的所有对象和 div 设置为 %%，但它们不响应高度和宽度属性。我想我应该把它改成一个固定宽度的网站，但结果更糟。对象也不响应位置。这是它应该是什么样子的模型 http://postimg.org/image/yzgfp0x0d/

[这是我在 fiddle 上的 css][1]

我想知道哪里出了问题

[1]: https://js fiddle.net/nmeri17/L9bkmzg7/3/

Answer 1

好的，还有一些问题：

您格式化元素，这些元素包裹在您应该格式化的其他元素中。示例：

<ul>
    <li><img class="coupon" src="meet.png" alt=coupon>an image</li>
    <li><img class="coupon1" src="quote.png" alt=coupon1></li>
    <li><img class="coupon2" src="brief.png" alt=coupon2></li>
</ul>

这里你分配一个float:left；到优惠券，效果是，它们将浮动在 <li>-标签内，这些标签在彼此下方格式化。

您的设置也不是最佳的。有了你 bodybg.png 你让这个网站负责的机会真的很小。

或许你想以this作为一个小方向
但是，自己尝试应该会取得最大的学习成功。

大小和定位不起作用

size and positioning not working

css

responsive-design