就今天给body设置宽高并设置背景颜色的疑问和理解
2018-03-29 14:18
856 查看
问题:在给body设置了1000px的宽度并且设置了红色为背景颜色,红色覆盖了整个页面而不是只覆盖1000px的宽度
网上找到的说法是这样的
下面验证一下这个想法首先创建好一个基本的html文件,设body的背景色为red
效果如下
接着,向body里面加个div,给背景设为白色,然后居中,并且不给div宽度,代码如下
效果如下
body的实际宽度是和子类div中的宽度一样的,那为什么body的背景是覆盖整个页面,继续上代码
效果如下
确实是这样!因此可以得出结论:默认情况下,我们直接操作body的话,body会被浏览器当做根结点来对待,子类(子类没有设置宽的前提下)会等于父类设置的宽,在没有设置任何html的背景色(或其他)属性时,body的高是都是无效的
所以,还是在body之后添加一个div实在一些~~~
网上找到的说法是这样的
下面验证一下这个想法首先创建好一个基本的html文件,设body的背景色为red
效果如下
接着,向body里面加个div,给背景设为白色,然后居中,并且不给div宽度,代码如下
效果如下
body的实际宽度是和子类div中的宽度一样的,那为什么body的背景是覆盖整个页面,继续上代码
效果如下
确实是这样!因此可以得出结论:默认情况下,我们直接操作body的话,body会被浏览器当做根结点来对待,子类(子类没有设置宽的前提下)会等于父类设置的宽,在没有设置任何html的背景色(或其他)属性时,body的高是都是无效的
所以,还是在body之后添加一个div实在一些~~~
相关文章推荐
- java JFrame 设置背景颜色无效的理解
- java JFrame 设置背景颜色无效的理解
- 解决设置了body宽高,但设置背景颜色仍然会铺满问题
- 如何理解为body设置背景时整个屏幕都显示
- 解决设置了body宽高,但设置背景颜色仍然会铺满问题
- 设置field的背景颜色以及对stylesheet的理解
- eclipse 设置全部的背景颜色
- div没有设置高度,背景颜色却无法…
- 设置子视图背景颜色不影响到父视图的背景颜色方法
- android 设置手机状态栏的背景颜色
- 设置tableViewCell背景颜色
- Android 设置PreferenceFragment 的背景颜色
- MFC 可以设置背景色、字体、字体颜色、透明背景的 Static 静态文本控件
- IOS 设置label背景颜色
- Android Studio主题设置、颜色背景配置
- 设置对话框背景颜色的方法
- android--设置TextView部分文字的颜色和背景(高亮显示)
- css body的背景颜色设置
- iOS中通过设置CSS改变WebView字体大小,颜色,背景颜色
- 设置文本及背景颜色