首页 > 代码库 > css 内容超过容器宽度,checkbox等控件不会随着内容延伸

css 内容超过容器宽度,checkbox等控件不会随着内容延伸

<div a>

<div id=‘内容容器‘>

<div>很长的内容</div><input type=‘checkbox‘/>

</div>

</div>

 

正常情况:checkbox在很长的内容后面

当有一段很长的内容把内容容器的长度撑开后,内容容器长度还是那样,所以checkbox还是在内容容器的最右边而不是认为的还是跟随变长的内容;

 

解决:

把checkbox放到很长的内容里,让其position:absolute, right:0px;

 

css 内容超过容器宽度,checkbox等控件不会随着内容延伸