if语句如果侧边栏没有值就填满，否则为width: 180px

要实现这个逻辑，我们可以使用JavaScript（配合CSS）来根据侧边栏（我们假设是一个具有特定ID或类的DOM元素）的内容或值来决定其宽度。

HTML

假设你的侧边栏有一个ID为sidebar：

<div id="sidebar">  
    <!-- 侧边栏的内容 -->  
    <!-- 这里可能根据情况有内容或没有内容 -->  
</div>

CSS

#sidebar {  
    width: 180px; /* 默认宽度 */  
    /* 其他样式 */  
}  
  
.fill-width {  
    width: 100%; /* 填满宽度 */  
    /* 可能还需要其他样式来确保正确布局 */  
}

JavaScript

document.addEventListener('DOMContentLoaded', function() {  
    var sidebar = document.getElementById('sidebar');  
  
    // 假设我们根据内容是否为空来判断  
    if (sidebar.textContent.trim() === '') {  
        // 如果没有内容，添加填满宽度的类  
        sidebar.classList.add('fill-width');  
    } else {  
        // 如果有内容，移除填满宽度的类（可选，因为默认就是180px）  
        sidebar.classList.remove('fill-width');  
    }  
});