javascript - 切换输入标题未正确显示

Question

示例:http://jsfiddle.net/Y9ntF/3/

没有标题“栏”，您可以明显看到标题没有正确显示。 我该如何修复它？

CSS

#myTitle,#myTitle2{
    float:left;
    width:20%;
    margin: .6em 0 .8em 40%;
}
#mySelect,#mySelect2{
    float:right;
    z-index: 1;
}

JS

$('#myTitle2').append("page title");

HTML

<div data-role="page" id="defaultevent">
    <div data-role="header" id="ehdr">
        <h1 id="myTitle2"></h1>
        <span id="mySelect2">
            <select name="switch" id="goingswitch" data-role="slider" data-mini="true">
                <option value="off">No Past</option>
                <option value="on">Past</option>
            </select>
        </span>
    </div>
</div>

Answer 1

将 overflow:hidden 添加到 #ehdr 是一种方法:

http://jsfiddle.net/Y9ntF/4/