如何解决CSS:float的小问题
|解决方法
#sidebar {
display:block;
float:left;
width:170px;
height:auto;
min-height:400px;
background:#f9f9f9;
border: solid 1px #eaeaea;
border-radius:10px;
-moz-border-radius:10px;
}
#main { display:block; float:right; width:766px; height:auto; min-height:400px; background:red; }
使用此CSS。它会工作。
, 站点栏div的宽度为20%,但两侧的边框均为1px。这2个像素被添加到20%的内部宽度中,因此主div不会留下80%的宽度。
因此,将main的宽度设置为79%,或添加:
margin: 0 -1px 0 -1px;
但是,既然您给容器指定了固定的宽度,那么为什么要按百分比设置样式呢?
, 我通过将红色容器的宽度设置为width: 79%
来解决此问题。不知何故,当您设置它时,它会溢出,因此两者都达到100%。
也许最好在这里工作像素完美并放像素值而不是使用百分比,因为容器的宽度始终是固定的。
希望对您有帮助。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。