Css adaptive question _ PHP Tutorial-php Tutorial

Source: Internet
Author: User
Css adaptive problem. The answer to a CSS question is that DIV1 and DIV2 are in DIV3. At first, I didn't define DIV2 anything. its width was 100%, which was inside DIV3. DIV2 only defines float: left; then its width is adaptive to ask a CSS question.
Answer



DIV1 and DIV2 are in DIV3.
At first, I didn't define DIV2 anything. its width was 100%, which was inside DIV3.
DIV2 only defines float: left; then its width is adaptive, as it is now, but its layout exceeds DIV3.
How can we keep it inside DIV3?

I just want to achieve DIV2 width self-adaptation, and in DIV3, I don't know if there is any simple method

Let me answer

Attachment: you cannot download or view attachments in your user group.


Other solutions
Increase the p3 height?

Other solutions
Clear: both?

Other solutions
Do not limit the height of p, or adjust the height of p3

That's it. Btw !! Should you be running in firefox?

Other solutions
P3 overflow: hidden
Or
Add a DIV under p2 to set clear: both

Other solutions
P3 overflow: hidden
Or
Add a DIV under p2 to set clear: both
Hansir posted on [url = http://bbs.phpchina.com/redirect.php? Goto = findpost & pid = 1073643 & ptid = 128784] link Mark [img] http://bbs.phpchina.com/images/common/back.gif?/img=#/url]
This is used for turning pages .. If hidden is used .. So how to flip the page ??

We recommend that you scroll through overflow: auto ..

Other solutions
Overflow: hidden

Other solutions
Add a float attribute to p3

Other solutions
Clear: both; tried, no;
Overflow: hidden; yes, but since DIV2 is in two divs, I simply say one for the question, and set both divs to overflow: hidden, it is too troublesome.
I just want to achieve DIV2 width self-adaptation, and in DIV3, I don't know if there is any simple method. This should be a very common setting!

Other solutions
Paste code!


DIV1 and DIV2 are in DIV3. At first, I didn't define DIV2 anything. its width was 100%, which was inside DIV3. DIV2 only defines float: left; and its width is adaptive...

Contact Us

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.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.