How to center the entire page content, and how to automatically scale the highly adaptive content. This is the most common problem in CSS layout learning. The following is a practical example and detailed explanation. (The experience in this article
From http://www.zendstudio.net/post/52/
Some people have been asking: "I want to use Div + CSS to implement three-column layout, and I need to fix the left and right width and adapt to the middle. What should I do ?"I usually reply like
[Program principle]
The following uses simpledrag as an example to describe the basic principle.
First, you need a drag-and-drop object in the initialization program:This. Drag = $ (drag );Two parameters are also required to record the coordinates
IE6, IE7:
Display: inline;
IE is not compatible with Firefox! ImpOrtant
CSS hack: differentiate IE6, IE7, and firefoxDifference between different browsers, CSS hack writing:Difference between IE6 and FF: Backgroundrange; * background:
CSS box model and css Model
The CSS box-like model is the basis for most CSS la S and positioning. It describes each element in a webpage with a bounded box containing four components. Shows the box model.
Box size = content size (width + height) +
Large rollup of browser compatibility issuesØjavascript 31. Getting problems with HTML Objects 32. Const Issue 33. Event.x and EVENT.Y issues 34. Window.location.href Question 35. Frame Question 36. Modal and non-modal window problems 37. The
Task 3: Three-column layoutThat's the way it is. Summarize:The idea is three Div, the first two floats, the third set margin-left,margin-right value so that you can achieve this effect, I am doing the process of encountering problems:Three div such
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
Hack writing specificationBecause different browsers to the standard of support is not the same, each browser for the interpretation of the page is not the same, for example, ie in many cases with the FF 3px Gap, for these differences, you need to
Indefinite width: Refers to the setting of any width, or width of the content is determined.Adaptive: No matter how the other elements change, it doesn't have to be changed.Proposition: setting indefinite width and adaptiveDivclass= "Parent">
When I first came to the web, when I was in college, the first page I wrote was the landing page, which was the layout of the table. After contacting the CSS, it is used div+css layout, realizes the separation of performance and structure, very
I have always thought that the margin property is a very simple property, but recently I have encountered some problems in the project, only to find that the margin property has some "pits", I will introduce the basic knowledge of margin and the
Previous words
Margin is a very special attribute in several properties of a box model. Just a few examples: only margin does not show the current element background, only margin can be set to negative values, margin and width support auto, and
When I first came to the web, when I was in college, the first page I wrote was the landing page, which was the layout of the table. After contacting the CSS, it is used p+css layout, realizes the separation of performance and structure, very
This article mainly introduces the use of CSS to achieve a variety of the center of the method, has a certain reference value, now share to everyone, the need for friends can refer to
Centering is often the case when we use CSS to lay out the
This article mainly introduces the CSS implementation of the right fixed width and left-hand width of the adaptive method, has a certain reference value, now share to everyone, the need for friends can refer to
This article mainly introduces the
Generally in CSS styles, use the margin property to set the margin. If you need only one side of the margin, you can use the unilateral margin property to set the value for the margin on the element's unilateral edge. Use the Margin-left property to
In HTML, margin-top is the distance between the object and the previous object, which is the CSS style that sets the distance outside the object's bounding rectangle. Let's take a good look at margin-top today.
Margin-top syntax
.
deep understanding of margin properties in CSS I have always thought that the margin property is a very simple property, but recently I have encountered some problems in the project, only to find that the margin property has some "pits", I will
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.