css中有时出现marin-top:-20px这个是啥意思呢?是针对父元素的吗?

Posted 2023-04-02

css中有时出现marin-top:-20px意思就是设置这个属性的元素的盒模型相对于他的同级元素的盒模型的边框的margin-top为一个-20的像素.

这样做的结果就是这个元素有可能会与他的同级元素有交叉.

也有可能是相对于父元素,如果是相对于父元素的话,那他就有可能有一部分(比如20px)出现在父元素的外面,但是父子的包含关系是不会变的.. 参考技术A marin-top:-20px就是外边距的顶部与其他元素相隔-20px,不止针对父元素,还针对其他元素,简单来说就是它向上移20px; 参考技术B 一般是用来定位子元素的吧 我暂时是这么用的。 参考技术C 负边距布局
不一定只针对父元素
同级的也可以的

为啥有时我的页面中的 UI 有时会出现有时不出现？

【中文标题】为啥有时我的页面中的 UI 有时会出现有时不出现？

【英文标题】：why sometimes UI in my pages sometimes appears sometimes does not appear?为什么有时我的页面中的 UI 有时会出现有时不出现？

【发布时间】：2012-05-30 03:13:07

【问题描述】：

我有小问题

为什么有时UI在page.jsf中，出现有时不出现... 而且我没有收到任何错误

我正在使用：

netbeans 6.9.1 JSF 2.0 素面 3.1.1 springframework 3.0.2 glassfish 服务器 3.0

我的意思是：我无法在 jsf.page web.xml

中加载我的 primefaces、javascript 和 css

<?xml version="1.0" encoding="UTF-8"?>
<web-app version="3.0" xmlns="http://java.sun.com/xml/ns/javaee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_3_0.xsd">
<context-param>
    <param-name>javax.faces.PROJECT_STAGE</param-name>
    <param-value>Production</param-value>
</context-param>
<context-param>
    <param-name>contextConfigLocation</param-name>
    <param-value>/WEB-INF/app-config.xml</param-value>
</context-param>
<context-param>
    <param-name>javax.faces.FACELETS_LIBRARIES</param-name>
    <param-value>/WEB-INF/springsecurity.taglib.xml</param-value>
</context-param>
<filter>
    <filter-name>springSecurityFilterChain</filter-name>
    <filter-class>org.springframework.web.filter.DelegatingFilterProxy</filter-class>
</filter>
<servlet>
    <servlet-name>Spring MVC Dispatcher Servlet</servlet-name>
    <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
    <init-param>
        <param-name>contextConfigLocation</param-name>
        <param-value>/WEB-INF/app-config.xml</param-value>
    </init-param>
    <load-on-startup>1</load-on-startup>
</servlet>
<listener>
    <listener-class>org.springframework.web.context.ContextLoaderListener</listener-class>
</listener>
<servlet>
    <servlet-name>Faces Servlet</servlet-name>
    <servlet-class>javax.faces.webapp.FacesServlet</servlet-class>
    <load-on-startup>1</load-on-startup>
</servlet>

<servlet-mapping>
    <servlet-name>Faces Servlet</servlet-name>
    <url-pattern>/faces/*</url-pattern>
</servlet-mapping>

<servlet-mapping>
    <servlet-name>Faces Servlet</servlet-name>
    <url-pattern>*.jsf</url-pattern>
</servlet-mapping>
<servlet-mapping>
    <servlet-name>Faces Servlet</servlet-name>
    <url-pattern>*.faces</url-pattern>
</servlet-mapping>

<servlet-mapping>
    <servlet-name>Faces Servlet</servlet-name>
    <url-pattern>*.xhtml</url-pattern>
</servlet-mapping>

<filter-mapping>
    <filter-name>springSecurityFilterChain</filter-name>
    <url-pattern>/*</url-pattern>
</filter-mapping>
<servlet-mapping>
    <servlet-name>Spring MVC Dispatcher Servlet</servlet-name>
    <url-pattern>*.htm</url-pattern>
</servlet-mapping>
<welcome-file-list>
    <welcome-file>faces/index.jsp</welcome-file>
    <welcome-file>index.jsp</welcome-file>
</welcome-file-list>
</web-app>

security.xml

<?xml version="1.0" encoding="UTF-8"?>
<b:beans xmlns="http://www.springframework.org/schema/security"
xmlns:b="http://www.springframework.org/schema/beans"
xmlns:s="http://www.springframework.org/schema/security"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://www.springframework.org/schema/beans
http://www.springframework.org/schema/beans/spring-beans-3.0.xsd
    http://www.springframework.org/schema/security
http://www.springframework.org/schema/security/spring-security-3.0.xsd">

<http auto-config="true" use-expressions="true">

    <intercept-url pattern="/assets/previews/**" access="permitAll" />
    <intercept-url pattern="/assets/thumbs/**" access="permitAll" />
    <intercept-url pattern="/css/**" access="permitAll"/>
    <intercept-url pattern="/design/**" access="permitAll" />
    <intercept-url pattern="/images/**" access="permitAll" />
    <intercept-url pattern="/js/**" access="permitAll" />
    <intercept-url pattern="/pageAllNews/**" access="permitAll" />

    <intercept-url pattern="/pageLogin/**" access="permitAll" />
    <intercept-url pattern="/resources/css/**" access="permitAll" />
    <intercept-url pattern="/resources/skins/tn3/**" access="permitAll" />
    <intercept-url pattern="/templates/**" access="permitAll"/>
    <intercept-url pattern="/userPage/**" access="permitAll" />

    <intercept-url pattern="/**" access="hasRole('ROLE_ADMIN')"/>
    <intercept-url pattern="/**" access="hasRole('ROLE_USER')"/>
    <intercept-url pattern="/**" access="hasAnyRole('ROLE_ADMIN','ROLE_USER')"/>

    <form-login login-processing-url="/j_spring_security_check"
                default-target-url="/userPage/home.jsf"
                login-page="/userPage/home.jsf"
                authentication-failure-url="/userPage/test.jsf"/>
    <logout logout-success-url="/userPage/home.jsf"/>
    <remember-me />

</http>

<authentication-manager>
    <authentication-provider>
        <password-encoder hash="md5"/>
        <jdbc-user-service data-source-ref="dataSource" />
    </authentication-provider>
</authentication-manager>

</b:beans>

谢谢，需要你的帮助和建议 agungdmt

【问题讨论】：

这个问题太笼统了。请把问题隔离成尽可能小的代码段，我们基本上可以复制'n'paste'n'run到一个空白的游乐场项目中自己查看，以便我们指出错误。

hii balusC，抱歉，请查看更新

对不起，春天已经超越了我。如果问题出在 Spring 配置中，我不会感到惊讶。您至少需要确保 /javax.faces.resource/* 请求已通过。它们被<h:outputStylesheet>、<h:outputScript> 和<h:graphicImage> 使用。

好的谢谢建议 BalusC ...:D

【参考方案1】：

我可以解决它，只需远程符号 [*] 来自

<filter-mapping>
    <filter-name>springSecurityFilterChain</filter-name>
    <url-pattern>/*</url-pattern>
</filter-mapping>

到

<filter-mapping>
    <filter-name>springSecurityFilterChain</filter-name>
    <url-pattern>/</url-pattern>
</filter-mapping>

它的工作原理

【讨论】：

这种方式过滤器仅在默认 servlet 运行时运行，因此不会在任何其他 servlet（如FacesServlet）运行时运行。您在 JSF 页面上的安全性不是这样禁用了吗？