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
。