Fatal编程技术网
  • javascript/
  • Javascript IE6:当内容位于内部时，设置为0px的宽度或高度不起作用

Javascript IE6:当内容位于内部时，设置为0px的宽度或高度不起作用

javascript css

Javascript IE6:当内容位于内部时，设置为0px的宽度或高度不起作用,javascript,css,Javascript,Css,如果我想设置包含一些文本的div的width，并且我想将该div的width设置为IE6中的0（我没有在IE7中进行检查），则无法工作 请检查下面的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">

如果我想设置包含一些文本的
div
的
width
，并且我想将该
div
的
width
设置为IE6中的
0
（我没有在IE7中进行检查），则无法工作

请检查下面的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>


#盒子{
宽度：0px；
背景颜色：蓝色；
}
你好
$（“#框”）。宽度（0）；

div
的宽度固定在
div
的最小内容宽度上

问候，
Munim

如果需要切断内容，请使用
溢出：隐藏。如果没有它，布局将考虑框的大小为0，但不适合的内容将延伸到其容器的外部。
 使用<代码>溢出：隐藏< <代码> >如果需要内容被切断。如果没有它，布局将考虑框的大小为0，但不适合的内容将延伸到它的容器之外。
 
如果你想要宽度和高度为0，那么<代码>显示：没有任何< /代码>是通常隐藏它的方式。
 < P>如果你想要宽度和高度为0，然后，
display:none
是完全隐藏它的常用方法。
正如我在另一个答案中指出的，除非你隐藏它，否则盒子里不合适的东西将溢出固定大小。如果不能使用
溢出：隐藏
，则定位是另一种方法：


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

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




#盒子{
位置：相对位置；
宽度：0；}
}
#箱跨{
位置：绝对位置；
左：-20px；
}
你好



使用
position:absolute
定位的任何元素都将从文档流中取出，并且不会影响其他元素，包括容器的大小，您可以根据需要调整容器的大小。
正如我在另一个答案中指出的，如果盒子里装不下的东西，除非你把它藏起来，否则会溢出固定的大小。如果不能使用
溢出：隐藏
，则定位是另一种方法：


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

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




#盒子{
位置：相对位置；
宽度：0；}
}
#箱跨{
位置：绝对位置；
左：-20px；
}
你好



使用
position:absolute
定位的任何元素都将从文档流中取出，并且不会影响其他元素，包括容器的大小，您可以根据需要调整容器的大小。
实际div的宽度为0（您可以知道是否在其周围放置了边框）。如果需要隐藏div中的文本，但不需要隐藏其他元素，我建议添加以下css：


#box span {
display: none;
}



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


#box span {
display: none;
}



一个更简单的方法是设置显示：hidden一个更简单的方法是设置显示：hiddenThanks Andrew对于你的回答，我应该提到我在里面有一个元素，我在那里设置了
左：-20px
，如果我将它设置为
溢出：隐藏
，那么元素就会隐藏。你能给我另一个解决办法吗。再次感谢：）感谢Andrew的回答，我应该提到我在里面有一个元素，我在里面设置了
左：-20px
，如果我将它设置为
溢出：隐藏
，那么元素就会隐藏。你能给我另一个解决办法吗。再次感谢：）好吧，我不能使用
display:none
作为它的一部分在
div
之外使用
left:-20px
好吧，我不能使用
display:none
作为它的一部分在
div
之外使用
left:-20px
谢谢，但不能将宽度设置为0，也不能将宽度设置为0