css：center 2使用jQuery UI類的浮動div

我正在使用jQuery UI類創建一個擁有2個浮動div的主div，其寬度應該爲50％。css：center 2使用jQuery UI類的浮動div

問題： 只要我添加div.ui-widget-header，Div時出現在彼此的頂部，我想的div是並排所以兩者ui-widget-header無縫合並，在50％的寬度。如果我改變寬度爲49％，那麼它的工作原理，但這兩個ui-widget-header s有差距。

的jsfiddle：http://jsfiddle.net/bababalcksheep/jsR96/

HTML：

<div class="container ui-helper-clearfix ui-widget ui-widget-content"> 
<div class="ui-widget-content container-div1" style="width: 50%;"> 
    <div class="ui-widget-header ui-helper-clearfix"> 
     header1 
    </div> 
    Div 1 text 
</div> 
<div class="ui-widget-content container-div2" style="width: 50%;"> 
    <div class="ui-widget-header ui-helper-clearfix"> 
     header2 
    </div> 
    Div 2 text 
</div> 
</div>

CSS：

.container{font-size:.8em;width:100%!important;text-align:center;margin:0 auto;padding:0} 
.container .ui-widget-header{border:none;font-size:11px} 
.container-div1{float:left;border:none;margin:0;padding:0} 
.container-div2{float:left;border-top:none;border-bottom:none;border-right:none;margin:0;padding:0}

來源

2013-10-29 django

由於有上div2邊框這就使得不均勻。他們應該是50/50，但是因爲邊界是1px，所以它使得它爲50/50.01（或類似的東西），這迫使div不適合並移動到另一個之下。

試着把border: none;放在兩個你應該看到他們坐在一起。

來源

2013-10-29 07:58:34 Ruddy

很容易只是刪除最後一個元素

在邊界上看到這個FIDDLE你的結果。

.container-div1, 
.container-div2 { 
    padding: 0; 
    margin: 0; 
    float:left; 
    border : none; 
}

這是CSS改變任何東西是一樣的

來源

2013-10-29 09:17:33

其實我知道邊界是問題。但我需要分頻邊框:)，並且寬邊寬度是在perncentages ..但是49.XX留下了一個空隙。所以iAssume我將不得不通過js調整寬度。 – django

簡單的修復在第一個元素位置創建一個內部div：絕對;寬度：1px;身高：100％;左：0;哈克，但它確實工作記住做父母的div位置：親戚; –

。你能提供小提琴的例子嗎？ – django

css：center 2使用jQuery UI類的浮動div

回答

相關問題