Question

如果我想设置包含某些文字的width的{{1}}，我想在IE6中将div的{{1}}设置为width（我没有检查IE7）不起作用!!!

请检查以下HTML：

div

0的宽度符合<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.js" type="text/javascript"></script> <style> #box { width: 0px; background-color: blue; } </style> </head> <body> <div id="box"><span>hello</span></div> <script> $("#box").width(0); </script> </body> </html>的最小内容宽度。

的问候，
穆奈姆

Answer 1

如果您需要切断内容，请使用overflow:hidden。没有它，布局会将框的大小视为0，但不适合的内容将扩展到其容器之外。

Answer 2

如果你想宽度和高度为0，那么display:none是完全隐藏它的常用方法。

Answer 3

实际div的宽度为0（您可以判断是否在其周围放置了边框）。如果您需要隐藏div中的文本而不是其他元素，我建议添加以下css：

#box span {
display: none;
}

Answer 4

正如我在另一个答案中所指出的那样，除非你隐藏它，否则不符合方框的东西会超出固定大小。如果你不能使用overflow:hidden那么定位是另一种方法：

<style>
#box {
  position: relative;
  width: 0; }
}
#box span {
  position: absolute;
  left: -20px;
}
</style>

<div id="box"><span>hello</span></div>

使用position:absolute定位的任何元素都会从文档流中取出，不会影响其他元素，包括容器的大小，然后可以根据需要调整大小。

IE6：设置为0px的宽度或高度在内容时不起作用

4 个答案: