我有以下问题:
我的div包含其他元素,我尝试使其宽度取决于内容。我也限制这个div的最大宽度。我在CSS中使用最小宽度和最大宽度,但似乎最小宽度不起作用。 div的宽度始终为最大宽度值,无论内容如何。
我的div包含其他元素,我尝试使其宽度取决于内容。我也限制这个div的最大宽度。我在CSS中使用最小宽度和最大宽度,但似乎最小宽度不起作用。 div的宽度始终为最大宽度值,无论内容如何。
例:
我想拥有白色的div(这是主要的div,我正在谈论)严格地围绕它的形式,左侧和右侧没有空格。我给了表单样式max-width:500px来显示,即使内容很小,主div保持不变。
HTML
<div class="gInnerBox sInnerBoxMain"> <form style="max-width:500px; margin-left: auto; margin-right: auto"> <div id='content'> <!-- CONTENT --> </div> </form> </div>
CSS
.gInnerBox{ position: relative; background-color: #fff; opacity: 0.9; padding: 10px 10px 10px 10px; Box-shadow: -5px -5px 20px #000,5px 5px 20px #000; -moz-Box-shadow: -5px -5px 20px #000,5px 5px 20px #000; -webkit-Box-shadow: -5px -5px 20px #000,5px 5px 20px #000; border: 1px solid #000; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; } .sInnerBoxMain{ max-width: 1000px; min-width: 500px; margin-left: auto; margin-right: auto; top: 50px; }
解决方法
原文地址:https://www.jb51.cc/html/232968.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。