width: auto
width: 100%
一例胜千言：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
* {
margin: 0;padding: 0;
}
body {
background: #dcdcdc;
}
.box {
width: 400px;
border: 3px solid red;
padding: 0 50px;
}
.box1 {
width: auto;
height: 100px;
background: pink;
padding: 0 50px;
margin: 0 50px;
border-width: 0 50px;
border-style: solid;
border-color: green;
}
.box2 {
width: 100%;
height: 100px;
background: gold;
padding: 0 50px;
margin: 0 50px;
border-width: 0 50px;
border-style: solid;
border-color: green;
}
.box3 {
width: 100px;height: 100px;background: orange;
}
.box4 {
float: left;
width: 50px;height: 50px;background: pink;
}
</style>
</head>
<body>
<div class="box">
<div class="box1"></div>
<div class="box2"></div>
</div>
</body>
</html>
注： 图片 子 width 改为 子 content
到此这篇关于css属性width默认值width: auto与width: 100%区别详解的文章就介绍到这了,更多相关css width: auto与width: 100%内容请搜索脚本之家以前的文章或继续浏览下面的相关文章，希望大家以后多多支持脚本之家！
随着3G的普及，越来越多的人使用手机上网。移动设备正超过桌面设备，成为访问互...
1．对你说晚安的人很多，可只有一个人说的晚安听起来最特别。 2．女人永远不会明...
Dreamweaver设计网页的时候，想要实现一个网页内含有两个或多个页面，该怎么实现...
关于元素的一些属性 在前端的日常开发中，我们经常无可避免的需要获取或者监听一...
作用：数据的展示，表格应用场景. table表格 tr行 td单元格 格式： table captio...
[TOC] 简单又好用的高效工具 嗨，大家好，我是小魔童哪吒，今天给大家整理了多个...
在table中设置min-width和max-width属性 table trtd1/tdtd2/td/tr/tabletable{mi...
前言 刚参加工作时被面试官一连串居中问题虐的体无完肤得场景历历在目。你是如何...
效果 html body div class=content h3CSS3 Loading animations/h3 div class=loa...
1．我给不了你世界上最好的一切，可是我一定会把我最好的一切都给你。 2．遇到你...
