Under IE6 margin-bottom sets the negative number to be hidden issues, ie6margin-bottom
The expected results are as follows:
However, in IE6, the bottom border of the current tab does not cover the bottom border of the parent element. on the
Set borders in margin in the order of top right bottom left{Margin:top Right Buttom right}Equivalent to the individual settings in the{ margin-top:20px; margin-right:30px; margin-bottom:30px; margin-left:20px; }The ellipsis rules are:If you
xCatalog [1]text-align [2]margin [3]absolute] [4]flex front wordsHorizontal centering is a frequently encountered problem. It seems that there are many ways, all roads lead to Rome . but the system combing, in fact, all around a few ideas unfold.
The fourth chapter: high-quality CSS1) Quirks mode and Standard modeIn standard mode, browsers perform pages according to specifications, while quirks patterns typically mimic the behavior of older browsers to prevent old sites from working.The
Horizontal centering is a frequently encountered problem. It seems that there are many ways, all roads lead to Rome. But the system combing, in fact, all around a few ideas unfold. This article will introduce about the horizontal center of the 4
The header footer is an important part of a complete, refined document. In the header and footer, you can render a lot of content, such as company name, page number, worksheet name, date, picture, such as logo, tag, etc. In the following article,
CSS Layout Tips-width AdaptiveCSS this thing, said hard not difficult, said easy also not easy. I think the most important thing is the accumulation of experience, is the so-called silicon step, not even thousands of miles. This series of articles
XML is very convenient for developers, not only easy to use, but also able to debug in a timely manner, after modifying the interface to see the effect immediately.The Java Setup layout does not have this advantage. But Java can dynamically
Implement DIV's horizontal center and center vertically
Multi-Element Horizontal centering
Implementing rasterization Layouts
1. Implement DIV's horizontal center and center verticallyImplementation results:This is probably the most
1.DOCTYPE Impact CSS Processing2.ff:div set Margin-left, Margin-right is auto when the center, IE No3.ff:body when setting text-align, Div needs to set Margin:auto (mainly margin-left,margin-right) to center4.FF: After setting padding, Div will
Often people in the process of making Web pages will encounter a lot of difficult problems, such as when I write a page, I encountered a div nesting caused by the margin-top does not work, the internal Div set margin-top, internal for the external
Why the Margin-top property set does not work:recommendation : As far as possible handwriting code, can effectively improve the learning efficiency and depth.Sometimes you may encounter strange phenomena, although there are no syntax errors, but the
Body Loading problemProblem Description: The body object of Firefox exists before the body tag is fully read by the browser, while the body object of IE must exist after the body tag is fully read into the browser.[note] This issue has not been
Understanding Display PropertiesThe Display property is a property that we often use in front-end development, where the most common are:
None
Block
Inline
Inline-block
Inherit
Below, I will make a complete explanation
Css is hard to say and easy to say. In my opinion, the most important thing is the accumulation of experience. What we call this is that we do not accumulate silicon steps, and there are thousands of miles. This series of articles describe the
Chapter 4: high-quality CSS
1) weird and standard Modes
In the standard mode, the browser displays the page according to the specifications, while in the weird mode, the behavior of the old browser is typically simulated to prevent the old site
Highly set JS Code// Set the layer to make the two layers have the same heightFunction setdivheight (sideleft, sideright ){VaR A = Document. getelementbyid (sideleft );VaR B = Document. getelementbyid (sideright );If (A = NULL | B = NULL
Understanding of margin in CSS and CSSmargin
Set the border sequence in margin to upper right bottom left
{margin:top right buttom right}
It is equivalent to
{ margin-top: 20px; margin-right: 30px; margin-bottom: 30px; margin-left: 20px;
The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion;
products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the
content of the page makes you feel confusing, please write us an email, we will handle the problem
within 5 days after receiving your email.
If you find any instances of plagiarism from the community, please send an email to:
info-contact@alibabacloud.com
and provide relevant evidence. A staff member will contact you within 5 working days.