CSS
a 转为块级元素－－宽度的问题
墨衍会员 · AI 创作全网分发 墨衍智能分发 通过墨衍一键同步至各平台 可同步平台 CSDN微信公众号微博知乎掘金百家号博客园抖音小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年，写一次发全网
我也要 关注 + 加入社区我想请教一下： # 31行 ，我没有给 a 和 a的父级宽度，而 a 已变成块级元素。－－－块级元素如果没有宽度，默认是和父级一样宽。
只有行内或行内块元素，宽度才会由内容撑开。－－－但是为啥这些 a 已是块级元素，还是宽度根据内容来撑开？
谢谢大佬。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
* {
margin: 0;
padding: 0;
}
.box1 {
float: left;
width: 209px;
height: 45px;
background-color: pink;
}
.box2 {
float: left;
}
li {
float: left;
list-style: none;
}
.box a {
display: block;
height: 45px;
line-height: 45px;
padding: 0 30px;
border: 1px solid #000;
background-color: skyblue;
}
</style>
</head>
<body>
<div class="box">
<div class="box1"></div>
<div class="box2">
<ul>
<li>
<a href="#">123</a>
</li>
<li>
<a href="#">123aaaa</a>
</li>
<li>
<a href="#">123bbbbb</a>
</li>
</ul>
</div>
</div>
</body>
</html>
...全文
相关推荐
关于块级元素和行内元素
关于块级元素和行内元素的一些小知识点的总结
对于div,p等块级元素css如何实现自动换行
对于div,p等块级元素想必大家并不陌生吧，下面本文为以示例代码方式为大家介绍下使用css如何实现自动换行
html中的行内元素和块级元素有哪些.pdf
精品资料欢迎下载
【CSS基础学习】行内元素，块级元素，行内块级元素
文章目录元素的显示方式和转换块级元素行级元素行内块级元素显示方式之间的转化 元素的显示方式和转换 块级元素 块级元素（inline）： 块级元素可以包含行内元素和其它块级元素，且占据父元素的整个空间，可以设置 width 和 height 属性，浏览器通常会在块级元素前后另起一个新行。 常见块级元素： header,form,ul,ol,table,article,div,hr,aside,figure,canvas,video,audio,footer 特点： 块级元素会独占一行 高度，行高，外边距和内边距都可以单独设置 宽度默认是容器的100% 可以容纳内联元素和其他的块级元素 例如：
标签 li 是不是块级元素分析
块级元素：block-level，相信大家都知道吧（or Google it）。以前在写代码的时候，面对 标签总觉得很奇怪。
