0

他のスレッドから、div 内にあるが解決しないセンター 2 DIV への Q&A に従いました。text-align center を外側の DIV に追加し、inline-block を左右の DIV の両方に表示します。Plsは何が欠けているか教えてください... ここにjsfiddleがあります

HTML:

<div class="indexDiv" id="noPad">
<div class="results">
<div id="topResults">Top</div>
<div id="refineResults">Left</div>
<div id="listingsResults">Right</div>
</div>    
</div>

CSS:

.indexDiv {
overflow: hidden;
width: 993px;
background: #ffffff;
margin: 0 auto;
padding: 10px;
}

.Results {
color: #D5241B;
font-size: 20px; font-weight: bold;
/*    margin: 4px 0 8px;*/
border: 1px solid #D9D9D9;
}

.Results {
/*  padding: 10px;*/
text-align: center;
width: 930px;
margin:0 auto;
}

#topResults {
float: right;
width: 100%;
margin: 0 0 10px 0;
border: 1px solid #D9D9D9;
}

#refineResults {
/*  float: left;*/
width: 200px;     
display: inline-block;    
/*  padding: 5px; */
border: 1px solid #D9D9D9;
}

#listingsResults {
/*  float: right;*/
width: 715px;
/*  margin-left:18px;*/
border: 1px solid #D9D9D9;
display: inline-block;    
/*   padding: 5px; */
}

</p>

4

1 に答える 1

0

CSS クラス セレクターでは、大文字と小文字が区別されます。.Resultsで要素を選択しない がありますclass = "results"。に置き換えてください.results。これが修正されたデモです: little link。

于 2012-09-15T14:21:52.220 に答える