Question

我正在尝试使用CSS和angular来制作动态DIV。以下是我到目前为止的情况：

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

function MyCtrl($scope) {

    $scope.name = 'views';


}

我有大DIV（标有红色）。在这个DIV中我有2个DIV：左边一个（黑色）和右边一个（黄色）。和2个链接：7天30天。当我点击7天时，我应该有第一个视图：这里我有正确的div有固定宽度，左边有一个必须调整他的宽度（“红色div”减去“黄色div”）。

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

到目前为止，我设法让正确的div出现并消失..问题在于左边的人没有为任何一个观点扩展

有什么建议吗？

Answer 1

以下是您的需求：http://jsfiddle.net/HB7LU/3140/。它表示如何操作＆＃34;在验证此条件时采取全宽度＆＃34;。

ng-class="{w100: show_tab==2}"表示＆＃34;如果w100为真，则show_tab==2类将应用于该元素＆＃34;。

您的一些评论：

在CSS中，#child_element_id足以用于id定义。 不应该定义选择器，如下所示：some_selector #child_element_id {...}
应首先放置浮动元素，这就是#unu_doi来#unu_unu

祝你好运。