当前第2页 返回上一页
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 | <!DOCTYPE html>
<html>
<head>
<style>
div.container
{
width:100%;
border:1em solid;
padding:15px;
box-sizing:border-box;
}
div.box
{
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */
width:100%;
border:1em solid red;
float:left;
padding:15px;
}
</style>
</head>
<body>
<div class="container">
<div class="box">这个 div 占据左半部分。</div>
</div>
</body>
</html>
|
相信看了这些案例你已经掌握了方法，更多精彩请关注php中文网其它相关文章！
相关阅读：
怎样用h5的sse服务器发送EventSource事件
H5的本地存储和本地数据库详细介绍
h5怎样通过canvas来实现滚动弹幕功能
以上就是DIV设置width后超出父元素应该如何解决的详细内容，更多文章请关注木庄网络博客！
返回前面的内容
相关阅读 >>
css怎么设置宽为100vw
怎样撑起浮动父元素的高度
html元素由哪几部分构成
dom节点和元素之间有什么区别
在h5里手机端页面缩放应该如何实现
jquery怎么判断元素是否被点击
i、em、b、strong元素的使用详解
css怎么定义div的宽度和高度
h5的filereader分布读取文件应该如何使用以及其方法简介
jquery怎么判断元素是否有某个属性
更多相关阅读请进入《width》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
转载请注明出处：木庄网络博客 » DIV设置width后超出父元素应该如何解决
