Css 用于两种不同视图的动态DIV

我正在尝试使用CSS和angular创建一个动态DIV。以下是我到目前为止的情况：

我把那个大DIV标上了红色。在这个DIV中，我有两个DIV：左一个黑色，右一个黄色。和2个链接：7天和30天。当我点击7天我应该有第一个视图：这里我有一个固定宽度的右div和一个必须调整其宽度的左div红色div减去黄色div

当我点击30天链接时，黄色的DIV应该消失，黑色的DIV应该和红色的一样大

到目前为止，我设法使正确的div出现和消失。。问题在于左派没有扩展任何视图

有什么建议吗？

以下是您需要的：。它表示在验证此条件时如何获取全宽

ng class={w100:show_tab==2}表示如果show_tab==2为真，则w100类将应用于元素

我想对你说几句话：

在CSS中，子元素id对于id定义来说已经足够了。您不应该按如下方式定义选择器：某些选择器子元素元素元素id{…} 浮动元素应该放在第一位，这就是为什么unu_doi优先于unu_

---

祝你好运。

不客气，但请不要区分两种解决方案：callmekatootie'使联合国大学拥有全宽，即使在显示选项卡时也是如此=2.我的将相应地调整尺寸。至少，你有选择的余地；

var myApp = angular.module('myApp',[]);

function MyCtrl($scope) {

    $scope.name = 'views';


}