2014-01-10 94 views
0

如何在調整大小或增加小部件的高度時將頁腳div與頁腳邊框相連。 調整大小時,中心內容高度會自動增加,就像調整大小寬度一樣。當我調整大小或增加小部件的高度時,如何附加頁腳div與頁腳邊框

<div class="draggable" class="ui-widget-content" style="overflow:hidden;"> 
     <div class="widget_container"> 
      <div class="Widget_title"> widget head</div> 
      <div class="clear_left"></div> 
      <div class="widget_contents"> 
       <input type="text" class="idv" style="display:none" value=""/> 
       <p>Drag me around</p> 
      </div> 
       <div class="clear_left"></div> 

     </div> 
     <div class="Widget_name">footer widget</div> 
    </div> 

Example link

+0

請在問題中直接添加代碼。將其歸結到重現問題所需的最低限度。 – xec

+0

在類名爲Widget_name的css中使用'position:absolute; bottom:0;'。增加最低值以增加差距。 – Suresh

+0

爲了更好地理解這個問題,你應該提供你的CSS,甚至更好的是使用諸如[jsfiddle.net](http://www.jsfiddle.net)之類的東西來展示該問題的部分演示。 – Pebbl

回答

0

請看看這個小提琴http://jsfiddle.net/vjbCJ/4/ ..

.widget_container{ 
position: relative; 
height:60%; 

} 

.Widget_title{ 
background-color: antiquewhite; 
height: 30%; 
padding: 0px; 
margin: 0px; 
} 
.Widget_name{ 
background-color: beige; 
height: 33%; 
} 

,看它是否是你正在尋找...

+0

你也可以增加widget_contents背景 – Adnan

+0

我很感謝你兄弟 – Adnan

相關問題