ul标签在容器内如何使margin属性生效

ul在IE下具有默认Margin-left属性,在FF下具有默认Padding-left属性

只有ul根在某个元素之后或者之前相应Margin才能体现出来，如果ul在某个容器内且容器内只有此ul，则不能体现ul的Margin-top属性。

方法：

1、给外层窗口加边框（测试应该在容器里的仅有唯一内容 ul 的情况下有效）

2、让 ul 元素浮动

3、给 ul 元素套样式 overflow:hidden;

时间： 2024-10-08 22:35:21

ul标签在容器内如何使margin属性生效的相关文章

CSS 一些基础知识(优先级、行内元素的一些属性、font-size单位) 怎样不加载图片

转载自:http://www.cnblogs.com/ctriphire/p/4159935.html CSS大小写不敏感 选择器优先级如下所示: 在属性后面使用 !important 会覆盖页面内任何位置定义的元素样式. 作为style属性写在元素内的样式 id选择器 类选择器 标签选择器 通配符选择器 浏览器自定义或继承 同一级别 同一级别中后写的会覆盖先写的样式 规则是多个级别的组合,把选择器中规则对应做加法,比较权值,如果权值相同那就后面的覆盖前面的了,各个选择器的权值为: 内联样式表的

[CSS七分钟系列]都1902年了,还不知道用margin:auto给flex容器内元素分组?

最近看到几篇博文讲解margin:auto在flex容器中的使用,可惜的是大多讲解都浮于页面表现,没深究其中的作用机理,本文在此浅薄对其表现机理做简单探讨. 引子 日常业务迭代过程中,flex已经是前端工程师解决常见布局的神兵利器.但是随着使用的深入,偶然会发觉flex对于简单的布局足够直接迅速,但是对于稍稍复杂一些的布局,就需要层层的包裹分组来解决.举个栗子,下图是我们常见的布局图: 如果flex容器之中仅仅只有三个元素,彼此分离,我们借助于justify-content就足够应付.但是如果其

UL标签的padding与margin默认值 40px

UL标签的padding与margin默认值 ul标签在FF中默认只有padding值(即:padding-left:40px),而在IE中只默认有margin值(即:margin-left:40px),所以先定义 ul{margin:0;padding:0;}就能解决大部分问题. 一般都在总样式规定一 下:body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,t

块属性标签和行内属性标签及样式优先级

一,块属性标签 1,默认撑满一行: 2,高度,行高以及顶.底边距都可控制: 3,宽度缺省是它所在容器的100%,除非设定一个宽度. 二,行内属性标签 1,默认标签后面跟相同属性的标签元素: 2,不支持宽高: 3,只支持横向的margin和padding: 4,便签间的换行和空格被解析: 注:关于嵌套问题,块属性标签里可以嵌套行内属性标签,而行内属性标签却并不能随意嵌套块属性标签. 三,关于inline-block 1,让行内属性标签支持宽高:2,让块属性标签在一行显示:3,换行被解析:4,内容撑

html块标签与行内标签（超有用）

转自:http://blog.csdn.net/yuyanqiao/article/details/8558118 块元素一般都从新行开始,它可以容纳内联元素和其他块元素,常见块元素是段落标签'P".“form"这个块元素比较特殊,它只能用来容纳其他块元素. 如果没有css的作用,块元素会顺序以每次另起一行的方式一直往下排.而有了css以后,我们可以改变这种html的默认布局模式,把块元素摆放到你想要 的位置上去.而不是每次都愚蠢的另起一行.需要指出的是,table标签也是块元素的一种

<ul>标签设计简单导航栏

当我们刚开始学习html/css的时候,对于padding .float.行内元素.块级元素用起来可能会混淆,但是呢我们可以通过一个简单的nav案例来清楚各自具体作用. 1.首先我们创建一个大的容器,用来固定我们的nav在屏幕上展示 我们给它设置一个宽度和背景色. 2.我们设置nav的<div>标签属性,并让他依据它的父元素container给它居中显示. 这里的nav我们给它一个width和height. 3.我们再设置<ul>的属性,因为它是nav里面文字总的一个宽度,我们对它

HTML标签：无序HTML列表&lt;ul&gt;&lt;/ul&gt;标签

一.ul和li标签示例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatib

centos7 docker容器（二）运行和移除容器内应用详解

安装.运行和移除docker中的应用 运行和保存Docker容器 1.运行并保存基于Ubuntu Docker容器的nginx服务器.安装Nginx守护进程到Ubuntu启动容器: # docker run ubuntu bash -c "apt-get -y install nginx" 2.其次,在安装完Nginx包后,发出命令 docker ps -l 得到运行容器的ID或名称.运行以下命令: # docker ps -l 运行以下命令获得更改 # docker commit 5

容器内应用日志收集方案

容器化应用日志收集挑战 应用日志的收集.分析和监控是日常运维工作重要的部分,妥善地处理应用日志收集往往是应用容器化重要的一个课题. Docker处理日志的方法是通过docker engine捕捉每一个容器进程的STDOUT和STDERR,通过为contrainer制定不同log driver 来实现容器日志的收集,缺省json-file log driver是将容器的STDOUT/STDERR 输出保存在磁盘上,然后用户就能使用docker logs <container>来进行查询. 在部署