1. 首页
  2. 问答
  3. IE6：宽度或高度设置为0px不工作时，里面的内容

IE6：宽度或高度设置为0px不工作时，里面的内容

2010-09-25 60 views
0

如果我想成立一​​个div的width含有一些文字，我想那div的width设置为IE6 0（我没有在IE7检查）不起作用！IE6：宽度或高度设置为0px不工作时，里面的内容

请检查下面的HTML：

<!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>

粘在div的最小内容宽度的div的宽度。

问候，
穆奈姆

来源

2010-09-25 Abdul Munim

+0

更简单的办法是设置显示：隐藏 – TheGeekYouNeed 2010-09-25 21:15:21

回答

0

正如我在其他的答案中指出，东西不适合该框会溢出固定大小。如果您无法使用overflow:hidden然后定位是另一种方式来做到这一点：

​​

目前正使用position:absolute取出文件流的定位并不会影响其他元素，包括容器的大小的任何元素，您可以根据需要调整尺寸。

来源

2010-09-25 22:35:01

+0

谢谢，但不能设置宽度为0 – 2010-09-26 06:22:27

1

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

来源

2010-09-25 21:15:19

+0

感谢安德鲁的回答，我应该提到它我有内，我设置的'留下一个元素： - 20px'，如果我将它设置为'溢出：hidden'那么元素被隐藏。你能否给我另一个解决方案？再次感谢:) – 2010-09-25 21:24:25

1

如果你想要的宽度和高度为0，则display:none是完全隐藏它通常的方式。除非你把它隐藏

来源

2010-09-25 21:36:26

+0

好吧，我不能使用'显示：none'作为它的一部分是'div'外使用'左：-20px' – 2010-09-26 06:21:50

1

实际DIV确实的宽度为0（如果你把边框它，你可以告诉）。如果您需要在div内的文本被隐藏，而不是其他因素，我建议增加以下CSS：

#box span { 
display: none; 
}

来源

2010-09-27 21:13:05 Nicknameless

相关问题

 相关问题