HtmlGenericControl - контроль не отображается правильно

Question

мне нужно настроить страницы динамически в asp.net, мой код

HtmlGenericControl timeliner = new HtmlGenericControl("div"); 
timeliner.Attributes.Add("id", "timelineContainer"); 

HtmlGenericControl expandall = new HtmlGenericControl("div"); 
expandall.Attributes.Add("class", "timelineToggle"); 

HtmlGenericControl para = new HtmlGenericControl("p"); 

HtmlGenericControl asec = new HtmlGenericControl("a"); 
asec.Attributes.Add("class", "expandAll"); 
asec.InnerText = "+ expand all"; 

para.Controls.Add(asec); 
expandall.Controls.Add(para); 

timeliner.Controls.Add(expandall); 

HtmlGenericControl bline = new HtmlGenericControl("br"); 
bline.Attributes.Add("class","clear"); 

HtmlGenericControl tlm1 = new HtmlGenericControl("div"); 
tlm1.Attributes.Add("class", "timelineMajor"); 

HtmlGenericControl tlmm1 = new HtmlGenericControl("h2"); 
tlmm1.Attributes.Add("class", "timelineMajorMarker"); 

HtmlGenericControl span = new HtmlGenericControl("span"); 
span.InnerText = "1955"; 

HtmlGenericControl dl = new HtmlGenericControl("dl"); 
dl.Attributes.Add("class", "timelineMinor"); 


HtmlGenericControl dt = new HtmlGenericControl("dt"); 
dt.Attributes.Add("id", "32323"); 

HtmlGenericControl dla = new HtmlGenericControl("a"); 
dla.InnerText = "Test title"; 
dt.Controls.Add(dla); 

dl.Controls.Add(dt); 
tlmm1.Controls.Add(span); 
tlm1.Controls.Add(tlmm1); 
tlm1.Controls.Add(dl); 
timeliner.Controls.Add(bline);    
timeliner.Controls.Add(tlm1); 

теперь для первого управляющего «DIV» с идентификатором «timelineContainer», у меня есть css, который дает ему левую границу, используя этот код, моя временная строка отображается хорошо, за исключением левой границы, по какой-то причине высота этого div составляет всего 40 пикселей, так как она должна быть родителем всех дочерних элементов. Любая идея?

Answer 1

Высота не будет как высота родителя. Он не будет увеличен. Он работает только для ширины. Вы можете установить высоту: унаследовать, если вы неспециализировали задание высоты в родительских контейнерах.

<div id="parent" style="width: 200px"> 
    <div id="child" style="width: inherited"></div> 
</div>