如何更改div的正常頁面流？

我有以下的HTML別人提供服務：如何更改div的正常頁面流？

<div class="surveyTable"> 
    <div id='fac_light' class='yesno vertical' > 
     <div id='fac_light_title' class='title' >Lighting (DT)</div> 
     <div id='fac_light_buttons' class='answers' > 
      <div id='fac_light_button_0' class='answer' > 
       <input id='fac_light_radio_0' type="radio" name="FAC_LIGHT" value="1" checked="yes"/> 
      </div> 
      <div id='fac_light_button_1' class='answer' > 
       <input id='fac_light_radio_1' type="radio" name="FAC_LIGHT" value="2"/> 
      </div> 
     </div> 
    </div> 
    <div id='fac_park' class='yesno vertical invalid' > 
     <div id='fac_park_title' class='title' >Parking Lot/Curbs (DT)</div> 
     <div id='fac_park_buttons' class='answers' > 
      <div id='fac_park_button_0' class='answer' > 
       <input id='fac_park_radio_0' type="radio" name="FAC_PARK" value="1" checked="yes"/> 
      </div> 
      <div id='fac_park_button_1' class='answer' > 
       <input id='fac_park_radio_1' type="radio" name="FAC_PARK" value="2"/> 
      </div> 
     </div> 
    </div> 
</div>

我想樣式輸入（單選按鈕），使他們從左向右排列在頁面上，讓他們排隊由風格的兩個div之間yesno類。

我不想引用這些ID，因爲這會在我的stlyesheet中導致大量的類，而且無論如何，這些ID是機器生成的並且不可靠。

到目前爲止，我有以下CSS其中沒有控制流量...

body 
{ 
    font-family: "trebuchet ms", helvetica, sans-serif; 
} 
.yesno 
{ 
    padding-left: 1em; 
    padding-bottom: 1em; 
} 

div.invalid 
{ 
    font-weight: bold; 
    font-style: italic; 
    border: red 1px dashed; 
}

TIA

來源

2011-02-07 Simon

所以，你想成爲內嵌顯示YESNO專區內的所有div？

.yesno div { display: inline; }

來源

2011-02-07 00:13:15 zvone

只需添加float:left;到YESNO類

這是你想要的嗎？

http://jsfiddle.net/Mutant_Tractor/hQVHA/

來源

2011-02-07 00:13:51

如果使用CSS3（不知道，如果這個工程2？），你可以做這樣的：

.answers input[type=radio] 
{ 
    float: left; 
    margin-left: 10px; 
}

來源

2011-02-07 01:28:50 Zac

如何更改div的正常頁面流？

回答

相關問題