我目前需要一个允许基于选项集的可折叠 div 的解决方案。这个想法是一个 div,左边是文本,右边是选项。
我已经实现了网格布局:
<li>
<div class="ui-grid-a">
<div class="ui-block-a">Do you require ............... £1 </div>
<div class="ui-block-b"><input type="radio" name="label" value="yes" />Yes<input type="radio" name="label" value="no" />No</div>
</div>
</li>
但我要求ui-block-a
是 70% 和ui-block-b
30%
我尝试将以下内容添加到 CSS 以尝试重置它,但它不想工作:
.ui-block-a{
width:70%;
}
.ui-block-b{
width:30%;
}
有人知道这样做的方法吗?还是就像将类名更改为自定义类一样简单,还是我需要添加其他元素才能获得与.ui-block-b
&相同的效果.ui.block-a