중첩 된 DIV 태그

Question

나는이 일을 시도 내보기

<div class="progress "> 
    <div class="progress-bar bgclre3559b" role="progressbar" style="width:80%"> 
    <span><%= top_cat.first %></span> 
    </div> 
    <div class="progress-bar bgclre3559b" role="progressbar" style="width:15%"> 
    <span class="clrfff"><%= "#{top_cat.last}%" %></span> 
    </div> 
</div> 

이 HTML 코드를 달성하고자하지만, 그것은 단지 내부의 두 번째 DIV를 보여줍니다. 그들을 연결하는 방법 또는 레일 방식으로 올바르게 표시하는 방법이 있습니까?

content_tag :div, class: "progress" do 
    content_tag :div, class: "progress-bar bgclre3559b", role: "progressbar", style: "width: 80%" do 
    content_tag :span, top_cat.first 
    end 
    content_tag :div, class: "progress-bar bgclre3559b", role: "progressbar", style: "width: 15%" do 
    content_tag :span, "#{top_cat.last}%" 
    end 
end 

미리 감사드립니다.

Answer 1

누군가가 이러한 문제를 해결해야하는 경우에 대비하여 답변을 찾았습니다. 이렇게 도우미 파일의 코드를 변경했습니다.

first = 
    content_tag :div, class: "progress-bar bgclre3559b", role: "progressbar", style: "width: 80%" do 
     content_tag :span, top_cat.first 
    end 
second = 
    content_tag :div, class: "progress-bar bgclre3559b", role: "progressbar", style: "width: 15%" do 
     content_tag :span, "#{top_cat.last}%" 
    end 

content_tag :div, class: "progress" do 
    first.concat(second).html_safe 
end