Show Child Div within Hidden Parent Div

by

Set the parent class’s visibility to hidden or collapse. Set the child to visible. Something like this:

.parent>.child
{
    visibility: visible;
}

.parent
{
  visibility: hidden;
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
}

Full example:
http://jsfiddle.net/pread13/h955D/153/

Edited with help from @n1kkou

More Related Contents:

  1. How would I achieve a shadow that won’t show through transparent text?
  2. Fill in text in HTML5
  3. Change text-color on div :hover [closed]
  4. CSS customized scroll bar in div
  5. Why does height 100% work when DOCTYPE is removed?
  6. Center a ‘div’ vertically in a % height ‘div’
  7. Single huge .css file vs. multiple smaller specific .css files? [closed]
  8. How to display a reverse-ordered list in HTML?
  9. CSS div element – how to show horizontal scroll bars only?
  10. Changing three.js background to transparent or other color
  11. Failed to decode downloaded font
  12. How can I remove space (margin) above HTML header?
  13. How can I ensure that text is inside rounded div?
  14. Which HTML5 reset CSS do you use and why? [closed]
  15. How to customize the HTML5 input range type looks using CSS?
  16. Div height 100% and expands to fit content [duplicate]
  17. For div to extend full height
  18. Add a text suffix to
  19. html5 vertical spacing issue with
  20. How to position a div in the middle of the screen when the page is bigger than the screen
  21. Nested rows with bootstrap grid system?
  22. How to write a caption under an image?
  23. How to make the overflow CSS property work with hidden as value
  24. How do I line up 3 divs on the same row?
  25. CSS: How to align vertically a “label” and “input” inside a “div”?
  26. Preventing an image from being draggable or selectable without using JS
  27. Div side by side without float
  28. Full background image with fade effect
  29. Is there a way to style HTML5’s range control?
  30. Difference between and with text-align:center;?

Leave a Comment