使 div 无响应但不影响基础 zurb 中的父 div答案

【问题标题】：make div unresponsive but not affecting parent div in foundation zurb使 div 无响应但不影响基础 zurb 中的父 div
【发布时间】：2014-02-20 22:51:37
【问题描述】：

我试图让我的 div(widget) 没有响应，但是我不想影响它所在的父 div，因为父 div（具有 class="medium-4 columns" 的 div）需要要响应。我的代码：

    <div class="medium-4 columns sidebar">
        <div class="widget">
            <img src="img/mail-icon.png">
            <span class="mail-label">What is an e-bill?</span>
            <p>
                Some text is attached here
            </p>
        </div>
    </div>

我需要类小部件不响应。有没有办法在不删除“medium-4 columns”类的情况下做到这一点

【问题讨论】：

make div unresponsive 是什么意思？父级具有可变宽度，因此如果子级具有固定宽度，它们将在较低屏幕上破坏父级。
@HashemQolami 有没有办法让子 div 根本不动？还是我需要在不影响列宽的情况下完全移除父级的响应能力？
除非提供足够的信息，否则无法解决此问题。请提供一个小提琴或示例来演示实际问题。

标签： html css responsive-design zurb-foundation

【解决方案1】：

如果你只是想让你的图片没有响应，我建议你像这样添加style="max-width:none;"：

<img src="img/mail-icon.png" style="max-width:none;">

【讨论】：