当孩子们离开时,Div不再包裹内容

时间:2015-12-28 17:21:29

标签: html css css-float

我创建了这个jsfiddle来演示我的问题 https://jsfiddle.net/7spz9a57/4/ 这两个按钮位于一个带有window.onload = function(){ var list = document.getElementById("list"); list.style.position = "relative"; list.style.left = 0; var move = function(){ list.style.left = parseInt(list.style.left) + 200 + "px"; demo[0].innerHTML = parseInt(list.style.left); } var myVar = setInterval(move,1000); if (parseInt(list.style.left) == 600) { clearInterval(myVar); } } 类的div中 按钮是带有类按钮的简单buttonholder标签。 我发现当我添加

<a>

我的css .button { ... float: left; ... } div不再包装buttonholder标签了。 我真的不知道为什么。 我不想给<a>一个固定的sice:/

1 个答案:

答案 0 :(得分:2)

您需要清除float,因为浮动元素不会占用。你需要给父母:

.parent {overflow: hidden;}