Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/37.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html IE9中的可选右列_Html_Css_Internet Explorer_Internet Explorer 9 - Fatal编程技术网

Html IE9中的可选右列

Html IE9中的可选右列,html,css,internet-explorer,internet-explorer-9,Html,Css,Internet Explorer,Internet Explorer 9,我有以下资料: .container{ 背景色:白烟; 显示:表格; 宽度:100%; 高度:150像素; 利润率:10px; } 梅因先生{ 背景颜色:浅蓝色; 显示:表格单元格; 宽度:100%; } .正确的内容{ 背景:轻珊瑚; 左边距:16像素; 宽度:250px; } .topb{ 边框顶部:2倍实心#aaa; } 这是主要内容 可选内容 您需要添加一些jquery来实现这一点 $(document).ready(function(){ if ($(".right-con

我有以下资料:

.container{
背景色:白烟;
显示:表格;
宽度:100%;
高度:150像素;
利润率:10px;
}
梅因先生{
背景颜色:浅蓝色;
显示:表格单元格;
宽度:100%;
}
.正确的内容{
背景:轻珊瑚;
左边距:16像素;
宽度:250px;
}
.topb{
边框顶部:2倍实心#aaa;
}

这是主要内容
可选内容

您需要添加一些jquery来实现这一点

 $(document).ready(function(){
   if ($(".right-content").text().length > 0) {
     $('.right').show();
   } else{
     $('.right').hide();  
   }
以下是更新后的


希望这能解决您的问题。

尝试使用JS实现,首先检查类是否存在,然后相应地调整宽度。您是否尝试过将
。正确的内容设置为
最大宽度
?@jbutler483为什么要为正确的内容设置最大宽度?,没有限制that@serhio:那应该能解决第二种情况?…嗯。。。有趣的。。。如果内容是eg的
img
,则可能使用
html()
而不是
.text