css宽度设置无效果，css中设置宽度

为什么没法设置span的宽度和高度_html/css_WEB-ITnose

1、这种现象的原因是，内联元素无法设置宽度和高度，如果要想设置宽度和高度，则必须首先转换成块级元素，方法是将内联元素的display属性值设置为block即可。

2、在span的CSS中增加display属性，将span设置为block类型的Element，这样宽度的确有效了，但把前后文字隔在不同行里面，这样其实span就完全变成了div。

3、span的上外边距并没有起作用。这是因为span是个内联元素，内联元素的上外边距和下外边距都不会起作用，但是左右外边距会有作用。

4、具体display属性值有如下： inline可以理解为是流，这是没有大小和形状的，它的宽度取决于父容器的宽度。针对inline的标签，你设置宽度和高度是无效的。

5、而是上边框无法显示，可能在某些浏览器中，下边框也不能显示。第二个span设置的左右内边距都是正常的。由此可以得出，默认状态下，span的左右内边距是好用的，上下内边距可能产生问题。

6、} 我将要浮动 我将要添加display属性 可以看到span已经被转换为块级元素，因为块级元素才可以设置宽度和高度。 块级元素转换为内联元素： 将块级元素的display属性值设置为inline即可。

相关问答

Q1: firefox下使用css3的box模型后,子div宽度设置百分比无效?

先给父级div设置宽度（像素）然后再子div里，设置百分比，如图示。

分析：如果你把元素宽度设置了100%，他会因 填充、边距、边框像素大小。

CSS3弹性盒（FlexibleBox或flexbox），是一种当页面需要适应不同的屏幕大小以及设备类型时确保元素拥有恰当的行为的布局方式。对于很多应用来讲，弹性盒改进了块模型，既不使用浮动，也不会在弹性盒容器与其内容之间合并外边距。

Q2: div宽度设置了,为什么没反应

1、不会吧，你是不是哪里写错了。首先，确认连接代码对不对，假设你的外部文件是css.css，连接代码link href=css.css rel=stylesheet type=text/css /还要看看文件路径对不对。

2、因为你的top1的宽度是1200px，而你的浏览器在缩小后，整体宽度比1200要窄，浏览器下方是肯定会有横向滚动条的。所以，如果你想让他缩小后仍然没有滚动条，就把他的宽度1200px，改为百分比。定能药到病除。

3、问题中没有显示出来图片和ul的关系 图上的css限制的是ul的宽度和高度，图片的宽高应该通过img标签的属性进行控制，或者指定到你想要控制的图片（img标签）控制。

4、float是有作用的，如果你想让A和B浮动在同一行 给A定义浮动就可以了 或者把A和B的位置对调以下就可以了。

关于css宽度设置无效果和css中设置宽度的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。